节点属性
1、nodeType:节点类型
- 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);(document节点)
- Node.DOCUMENT_TYPE_NODE(10);
- Node.DOCUMENT_FRAGMENT_NODE(11);
- Node.NOTATION_NODE(12)
2、nodeName:节点名称。元素节点为标签名,文本节点为#text
3、nodeValue:节点值。元素节点为null,文本节点为文本内容
节点关系
1、childNodes:当前节点的子节点的节点列表
2、parentNode:当前节点的父节点
3、firstChild:父节点的第一节点。相当于childNodes[0]或childNodes.item[0]
4、lastChild:父节点的最后一个节点
5、nextSibling:当前节点的后一个节点
6、previousSibling:当前节点的前一个节点
7、hasChildNodes:节点包含一或多个子节点的情况下返回true
8、ownerDocument:指向表示整个文档的文档节点
节点操作
1、createElement():创建元素节点
2、createAttribute():创建属性节点
3、appendChild():向节点的子节点列表的结尾添加新的子节点
4、cloneNode():复制节点
5、insertBefore(newNode,target):在指定的子节点前插入新的子节点
6、replaceChild(newNode,target):用新节点替换一个子节点
7、removeChild():删除(并返回)当前节点的指定子节点
8、normalize():将空文本节点删除或将相邻的文本节点合并一个文本节点
9、getAttribute():返回指定属性值
10、setAttribute():把指定属性设置或修改为指定的值
11、querySelectorAll():返回文档中匹配指定css选择器的所有元素,返回NodeList对象(集合)