DOM

Posted Churjan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了DOM相关的知识,希望对你有一定的参考价值。

Node

nodeType

  document 9

  elem 1

  attr 2

  text 3  

nodeName

  document #document

  elem 全大写标签名

  attr 属性名

  text #text

nodeValue

  document null

  elem null

  attr 属性值

  text 文本内容

DOM Tree

父子 parentNode childNodes firstChild lastChild

兄弟 previousSibling nextSibling

Element Tree

父子 parentElement children firstElementChild lastElementChild

兄弟 previousElementSibling nextElementSibling

 

方法

parentNode.removeChild(oldNode)

parentNode.replaceChild(newNode,oldNode)

parentNode.appendChild(newNode)

parentNode.insertBefore(newNode,childNodes[?])

node.clone()

 

document.createElement()

document.createTextNode()

document.createAttribute()

 

setAttribute()

getAttribute()

 

以上是关于DOM的主要内容,如果未能解决你的问题,请参考以下文章

React虚拟dom中的key值

DOM事件: DOM事件级别DOM事件流DOM事件模型DOM事件捕获过程自定义事件

虚拟DOM(Virtual Dom) VS 影子DOM(Shadow Dom)

虚拟DOM(Virtual DOM)

关于DOM级别的一些问题,DOM0,DOM1,DOM2

DOM事件类