【web】DOM基础1

属性

1. nodeName：返回节点名称
2. parentNode：返回当前节点的父级节点
3. childNodes：返回所有子节点，得到的是类数组
4. firstChild：返回第一个子节点，没有则返回null

firstElementChild:返回第一个子节点（常用）

5. lastChild：返回最后一个子节点，没有则返回null

lastElementChild:返回最后一个子节点（常用）

6. previousSibling：返回上一个节点，没有则返回null

previousElementSibling：返回上一个节点（常用）

7. nextSinling：返回下一个节点，没有则返回null

nextElementSibling：返回下一个节点（常用）

方法

1. hasChildNodes( )：返回布尔值，表示是否有子节点
2. document.creatElement(‘节点名称’)：创建节点
3. appendChild( )：向当前节点末尾添加子节点
   • 父元素.appendChild(新节点)
4. insertBefore( 新节点，参照节点)：向指定位置添加节点，接受两个参数
5. replaceChild(新节点，替换节点 )：用于替换，接受两个参数，新节点和替换节点
   • 父元素.replaceChild(新节点，替换节点)
6. removeChild( )：用于移除，接受一个参数，要移除的节点
   • 父元素.removeChild（子节点）
7. cloneNode(布尔值 )：用于克隆节点，true克隆子节点，flase不克隆子节点，默认是flase

DOM扩展

1. childElementCont：返回元素的个数
2. childen：返回元素子节点
3. innerHTML：可读写，获取或替换元素所有子节点
4. innerText：可读写，获取或替换所有文本
5. outerHTML：可读写，获取或替换所有子节点（包含自身）