web-9 js节点

103 阅读1分钟

元素节点是1
属性节点是2
文本节点是3
注释节点是8
document节点是9
DocumentFragment(文档碎片节点)是11

nextSibling 属性返回元素节点之后的兄弟节点(包括文本节点、注释节点);

nextElementSibling 属性只返回元素节点之后的兄弟元素节点(不包括文本节点、注释节点);

previousSibling 属性返回元素节点之前的兄弟节点(包括文本节点、注释节点);

previousElementSibling 属性只返回元素节点之前的兄弟元素节点(不包括文本节点、注释节点);

注:nextElementSibling和previousElementSibling属性均为只读属性!

1.创建节点 : .createElement("标签名");

2.插入节点

2-1.父节点的最后插入一个新的子节点:父节点.appendChild(新的子节点);
2-2. 父节点前插入一个新的节点: .insertBefore(新的子节点)

3.删除节点 :父节点.removeChild(子节点);

4.复制节点 :要复制的节点.cloneNode();

不带参数只复制节点本身 
带参数false:不复制子节点
带参数true:既复制节点本身,也复制其所有的子节点