一、学习内容
childNodes会得到文本节点
推荐大家使用children
Element.children是一个只读属性,返回 一个Node的子elements ,是一个动态更新的HTMLCollection。
children属性为只读属性,对象类型为HTMLCollection,你可以使用elementNodeReference.children[1].nodeName来获取某个子元素的标签名称。
Node.nextSibling是一个只读属性,返回其父节点的childNodes列表中紧跟在其后面的节点,如果指定的节点为最后一个节点,则返回null。
返回当前节点的前一个兄弟节点,没有则返回null。
创建节点的方式:
1.创建元素
createElement
2.插入节点
父元素.appendChild(子元素)
appendChild() 插入的子元素在父元素的最后面
使用createElement创建一个节点li
插入节点ul.insertBefore(cLi, lis)
第一个参数是创建的节点
第二个参数是参考节点
克隆节点cloneNode()
如果不传递参数就是只克隆最外层
如果传递布尔值true就是整体拷贝
删除节点removeChild
数组新方法:
forEach()
数组新增的一个方法
接受一个参数,是一个函数
这个函数又有三个参数 - 这三个参数是有严格的顺序的,可以后面的
1. item 数组的每一项
2. index 下标
3. arr 数组本身
在HTML5中元素可以自定义属性
语法是 data-*=""
获取属性getAttribute
设置属性
1.如果有这个属性就是修改
2.如果没有这个属性就是添加
|