DOM节点的一些属性和方法

节点属性

parentNode: 父节点

firstChild: 第一个子节点

lastChild: 最后一个子节点

nextSibling: 下一个兄弟节点

previousSibling: 上一个兄弟节点

nodeType: 节点类型(1 元素节点 2 属性节点 3 文本节点)

nodeName: 节点名称(元素节点返回元素的名称,如h1, 属性节点返回属性的名称,如id, 文本节点返回#text)

nodeValue: 设置或者读取文本节点的内容

ownerDocument: 返回该节点的文档根节点

节点方法

appendChild(node): 将节点node添加到另一个节点(node2)的末尾:node2.appendChild(node)

insertBefore(node, referenceNode): 将一个节点node插入到referenceNode之前:   referenceNode.parentNode.insertBefore(ndoe, referenceNode)

replaceChild(newNode, oldNode): 用newNode替换oldNode: oldNode.parentNode.replaceNode(newNode, oldNode)

cloneNode(boolean): 克隆一个节点node,若布尔值为true,则不仅复制节点本身,还复制节点下的子节点;若布尔值为false,则仅仅复制节点本身。复制的过程中包括复制节点的属性。 node.cloneNode(true) 或者node.cloneNode(false)

removeChild(node): 移除一个节点。node.parentNode.remvoeChild(node)

hasChildNodes(): 判断一个节点是否有子节点,若有,返回true,否则,返回false

你可能感兴趣的:(属性和方法)