原生js——与node有关的属性和方法:hasChilsNodes()、appendChild()、removeChild()、replaceChild()、insertBefore()等

原生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时,执行浅克隆,只克隆其自身,不包含子节点,这种方式克隆之后的元素是一个孤儿,只能手动添加到文档树结构中

注:如遇错误,请加以指正;

发布了56 篇原创文章 · 获赞 51 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/qq_43495629/article/details/87909283