原生js——与node有关的属性和方法
1.nodeType:类型为1-12;
- 最常用的节点类型:
- Node.ElEMENT_NODE:元素节点,node.type == 1;
- Node.ATTRIBUTE_NODE:特性节点,node.type == 2;
- Node.TEXT_NODE:文本节点,node.type == 3;
- Node.COMMENT_NODE:注释节点,node.type == 8;
- Node.DOCUMENT_NODE:文档节点,node.type == 9;
- 其他节点类型(较少用):
- Node.CDATA_SECTION_NODE :node.type == 4;
- Node.ENTITY_REFERENCE_NODE:node.type == 5;
- Node.ENTITY_NODE:node.type == 6;
- Node.PROCESSING_INSTRUCTOR_NODE:node.type == 7;
- Node.DOCUMENT_TYPE_NODE:文档类型节点,node.type == 10;
- Node.DOCUMENT_FRAGMENT_NODE:文档片段节点,node.type == 11;
- Node.NOTATION_NODE:节点,node.type == 12;
2.其他与node有关的属性、方法;
- .node.type:节点类型;
- .nodeName:标签名;
- .nodeValue:节点值,元素节点始终为 null ;
- .childNodes:节点集;
- .parentNode:父节点,有且只有一个;
- .previousSibling / .nextSibling:检测是否含有同胞节点;
- .firstChild:第一个子节点;
- .lastChild:最后一个子节点;
- .ownerDocument:文档节点,一个HTML有且只有一个;
- .childNode.item():访问某一个子节点;
- .hasChildNodes():检测是否含有子节点;
- .appendChild( newNodeName ):添加子节点;
- .insertBefore( newNodeName,referenceNodeName ):在指定位置插入节点节点;
- .replaceChild( newNodeName,replaceNodoName ):替换指定的节点;
- .removeChild( oldNodeName ):移除指定的节点;
- .cloneNode( true,false ):克隆节点(只克隆特性,节点,避免bug,事先得移除事件处理程序)。当参数为 true 时,执行深克隆,克隆其自身和其所有子节点;当参数为 false时,执行浅克隆,只克隆其自身,不包含子节点,这种方式克隆之后的元素是一个孤儿,只能手动添加到文档树结构中;
注:如遇错误,请加以指正;