Node节点

节点属性

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对象(集合)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章