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
原文:https://www.cnblogs.com/hanxiaoer/p/11529955.html