摘要: 复制节点(克隆节点)[ node.cloneNode() ] node.cloneNode() 方法返回调用该方法的节点的一个副本。也称为克隆节点/拷贝节点。 注意: 1.如果括号参数为 空 或者 为 false ,则是 浅拷贝,即只克隆赋值节点本身,不克隆里面的子节点。 2.如果括号参数为true 阅读全文
posted @ 2022-09-17 20:36 chichi0002 阅读(180) 评论(0) 推荐(0) 编辑
摘要: 删除节点[ node.removeChild(child) ] node.removeChild(child) 方法从DOM中删除一个子节点,返回删除节点 *上述代码中,如果 ul 里面的 子节点集合 的长度不等于0,则删除 ul 里面的第一个子节点元素。 阅读全文
posted @ 2022-09-17 20:22 chichi0002 阅读(106) 评论(0) 推荐(0) 编辑
摘要: 1.为什么学节点操作 (1)利用DOM提高的方法获取元素 document.getElementById( ) document.getElementByTagName( ) document.querySelector( )等 逻辑性不强,繁琐 (2)利用节点层级关系获取元素 利用父子兄节点关系获 阅读全文
posted @ 2022-09-17 11:29 chichi0002 阅读(111) 评论(0) 推荐(0) 编辑
摘要: ## 节点操作——父节点(node.parentNode) 利用DOM树可以把节点划分为不同的层级关系,常见的是父子兄层级关系。 parentNode 属性可返回某节点的父节点,注意是最近的一个父节点 如果指定的节点没有父节点则返回null 阅读全文
posted @ 2022-09-17 11:27 chichi0002 阅读(238) 评论(0) 推荐(0) 编辑
摘要: ## 节点操作——子节点(标准:parentNode.childNodes、非标准:parentNode.childrens、parentNode.firstChild、parentNode.lastChild) parentNode.childNodes 返回包含指定节点的子节点的集合,该集合为及 阅读全文
posted @ 2022-09-17 11:25 chichi0002 阅读(144) 评论(0) 推荐(0) 编辑
摘要: ## 节点操作:兄弟节点(nextSibling、previousSibling、node.nextElementString、node,previousElementString) node.nextSibling:返回当前元素的下一个兄弟节点,找不到则返回null。同样,也是包含所有节点。 no 阅读全文
posted @ 2022-09-17 11:24 chichi0002 阅读(168) 评论(0) 推荐(0) 编辑
摘要: ##节点操作——创建和添加节点(document.createElement('tagName')、node.appendChild(child)、node.insertBefore(child,指定元素)) document.createElement('tagName')方法创建由 tagNam 阅读全文
posted @ 2022-09-17 11:22 chichi0002 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 案例:简易版发布留言 案例分析: 1.核心思路;点击按钮之后,就动态创建一个 li ,添加到 ul 里面 2.创建 li 的同时,把文本域里面的值通过 li.innerHTML 赋值给 li 3.如果想要新的留言后面显示就用 appendChild ,如果想要前面显示就用 insertBefore 阅读全文
posted @ 2022-09-17 11:18 chichi0002 阅读(84) 评论(0) 推荐(0) 编辑
摘要: 案例——新浪下拉菜单 *案例分析: 1.导航栏里面的 li 都要有鼠标经过效果,所有需要循环注册鼠标事件 2.核心原理:当鼠标经过 li 里面的第二个孩子(ul)显示,当鼠标离开,则 ul 隐藏 ==style:== /* 需要将a链接使用鼠标hover事件,如果直接对li,那么li里面的整个ul都 阅读全文
posted @ 2022-09-17 09:48 chichi0002 阅读(42) 评论(0) 推荐(0) 编辑