DOM

NODE.ELEMENT_NODE.......................................1

NODE.ATTRIBUTE_NODE....................................2

NODE.TEXT_NODE...............................................3

NODE.CDATA_SECTION_NODE.........................4

NODE.ENTITY_REFERENCE_NODE..................5

NODE.ENTITY_NODE..........................................6

NODE.PROCESSING_INSTRUCTION_NODE....7

NODE.COMMENT_NODE....................................8

NODE.DOCUMENT_NODE..................................9

NODE.DOCUMENT_TYPE_NODE.......................10

NODE.DOCUMENT_FRAGMENT_NODE............11

NODE.NOTATION_NODE......................................12

判断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")

document.anchors  包含文档中所有带name特性的<a>元素

document.applets 包含文档中所有的<applet>元素

document.forms 包含文档中所有的<form>元素

document.images 包含文档中所有的<img>元素

document.links 包含文档中所有带href特性的<a>元素

document.implementation.hasFeature DOM一致性检测，浏览器支持给定名称和版本的功能，返回true

DOM

原文：https://www.cnblogs.com/hanxiaoer/p/11529955.html