DOM

Posted hanxiaoer

tags:

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

判断node类型: someNode.nodeType == 1

someNode.nodeName: 元素标签名

someNode.childNodes[0] (或someNode.childNodes.item(0)) 访问NodeList中的节点

将NodeList转换为数组: let arrayOfNodes = Array.prototype.slice.call(someNode.childNodes, 0)

someNode.nextSibling: 下一个节点

someNode.previousSibling: 上一个节点

someNode.firstChild = someNode.childNodes[0]

someNode.lastChild = someNode.childNodes[someNode.childNodes.length - 1]

someNode.parentNode: 父节点

someNode.hasChildNodes() : true, 包含子节点

someNode.appendChild(newNode) // 追加节点

someNode.insertBefore(newNode, someNode.childNodes[3]) // 前方插入节点

someNode.replaceChild(newNode, someNode.childNodes[3]) // 替换节点

someNode.remove(soneNode.childNodes[3]) // 移除节点

someNode.clone(true) //复制节点:true,深复制,false,浅复制

someNode.normalize() // 移除空的文本节点

查找元素

<img src="xxx" name="myImage">

var image = document.getElementsByTagName("img")

var myImage = image.namedItem("myImage")

 

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

React虚拟dom中的key值

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

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

虚拟DOM(Virtual DOM)

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

DOM事件类