摘要: <div>123</div> <script> var div = document.querySelector('div'); div.addEventListener('click', function(e) { // e.target 和 this指向的都是div console.log(e. 阅读全文
posted @ 2022-02-10 15:41 Harry宗 阅读(65) 评论(0) 推荐(0)
摘要: node.removeChild() 方法从 node节点中删除一个子节点,返回删除的节点。 <button>删除</button> <ul> <li>熊大</li> <li>熊二</li> <li>光头强</li> </ul> <script> // 1.获取元素 var ul = documen 阅读全文
posted @ 2022-02-09 17:48 Harry宗 阅读(528) 评论(0) 推荐(0)
摘要: 网页中的所有内容都是节点(标签、属性、文本、注释等),在DOM 中,节点使用 node 来表示。 ​ HTML DOM 树中的所有节点均可通过 JavaScript 进行访问,所有 HTML 元素(节点)均可被修改,也可以创建或删除。 一般地,节点至少拥有nodeType(节点类型)、nodeNam 阅读全文
posted @ 2022-02-09 17:34 Harry宗 阅读(53) 评论(0) 推荐(0)
摘要: <div id="demo" index="1" class="nav"></div> <script> var div = document.querySelector('div'); // 1. 获取元素的属性值 // (1) element.属性 console.log(div.id); // 阅读全文
posted @ 2022-02-09 17:17 Harry宗 阅读(69) 评论(0) 推荐(0)
摘要: 我们可以通过 JS 修改元素的大小、颜色、位置等样式 方式1:通过操作style属性 元素对象的style属性也是一个对象! 元素对象.style.样式属性 = 值; <body> <div></div> <script> // 1. 获取元素 var div = document.querySel 阅读全文
posted @ 2022-02-09 16:50 Harry宗 阅读(47) 评论(0) 推荐(0)
摘要: JavaScript的 DOM 操作可以改变网页内容、结构和样式,我们可以利用 DOM 操作元素来改变元素里面的内容、属性等。(注意:这些操作都是通过元素对象的属性实现的) 获取属性的值 元素对象.属性名 设置属性的值 元素对象.属性名 = 值 <body> <button id="ldh">刘德华 阅读全文
posted @ 2022-02-09 16:40 Harry宗 阅读(35) 评论(0) 推荐(0)
摘要: 事件三要素 事件源(谁):触发事件的元素 事件类型(什么事件): 例如 click 点击事件 事件处理程序(做啥):事件触发后要执行的代码(函数形式),事件处理函数 <body> <button id="btn">唐伯虎</button> <script> // 点击一个按钮,弹出对话框 // 1. 阅读全文
posted @ 2022-02-09 16:26 Harry宗 阅读(45) 评论(0) 推荐(0)
摘要: DOM树 又称为文档树模型,把文档映射成树形结构,通过节点对象对其处理,处理的结果可以加入到当前的页面。 文档:一个页面就是一个文档,DOM中使用document表示 节点:网页中的所有内容,在文档树中都是节点(标签、属性、文本、注释等),使用node表示 标签节点:网页中的所有标签,通常称为元素节 阅读全文
posted @ 2022-02-09 16:18 Harry宗 阅读(53) 评论(0) 推荐(0)
摘要: // 查找字符串"abcoefoxyozzopp"中所有o出现的位置以及次数 // 核心算法:先查找第一个o出现的位置 // 然后 只要indexOf 返回的结果不是 -1 就继续往后查找 // 因为indexOf 只能查找到第一个,所以后面的查找,一定是当前索引加1,从而继续查找 var str 阅读全文
posted @ 2022-02-09 15:41 Harry宗 阅读(53) 评论(0) 推荐(0)
摘要: instanceof 运算符 instanceof 可以判断一个对象是否是某个构造函数的实例 例子 var arr = [1, 23];var obj = {};console.log(arr instanceof Array); // trueconsole.log(obj instanceof 阅读全文
posted @ 2022-02-09 15:24 Harry宗 阅读(68) 评论(0) 推荐(0)