JS节点操作

157 阅读1分钟

节点关系

childNodes属性:子节点,每个节点都有,保存着一个nodeList对象 nodeList对象:类数组,可以用方括号语法,length属性,基于DOM动态查询。

somenode.childNodes[0]//获取第一个节点 somenode.childNodes.item(0)//同上

parentNode:父节点。

parentNode.children:子集节点

previousSibling:上一个兄弟节点。

nextSibling:下一个兄弟节点。

firstChild:父节点的第一个子节点。

lastChild:父节点的最后一个子节点。

hasChildNodes():是否含有子节点,如果有返回true。

ownerDocument:–>指向表示整个文档的节点,直接访问文档节点。

操作节点

增加节点

document.createElement(想要创建的标签属性)

插入节点

appendChild(新的子节点);

删除节点

父节点.removeChild(子节点);

克隆节点

cloneNode(true\flase)

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