JavaScript操作DOM总结

nodeType

Node类型

  • 元素节点:1
  • 属性节点:2
  • 文本节点:3
  • 注释:8

<p>p标签p>


nodeName 和 nodeValue

元素节点的nodeName始终是标签名(如div的是DIV),nodeValue始终是null

文本节点:nodeName是#text,nodeValue是内容

注释:nodeName是’#comment’,nodeValue是注释的内容

childNodes

值是一种类数组对象

node.childNodes

parentNode

父节点

previousSibling

当前节点的上一个同胞节点,没有为null

nextSibling

当前节点的下一个同胞节点,没有为null

firstChild和lastChild

第一个子节点和最后一个子节点

appendChild()

添加节点后返回新的节点

let nodes = someNode.appendChild(newNode)

insertBefore(要插入的节点,参考节点)

可以在指定节点前插入,
insertBefore(要插入的节点,参考节点)

someNode.insertBefore(newNodes, someNode.firstChild)

replaceChild()

replaceChild(要插入的节点, 要替换的节点)

removeChild()

removeChild(要替换的节点)

cloneNode()

cloneNode(true)深克隆,会复制当前节点所有的节点,
cloneNode(false)浅克隆,只会复制当前节点

你可能感兴趣的:(DOM)