创造节点
document.createElement(); 创建一个元素节点,返回该元素节点。类似的还有createTextNode等,这里就不写了。
插入节点
Node.appendChild(Node); 插入一个子节点,该子节点成为该节点的lastChild。
Node.insertBefore(newNode, someNode); 参数newNode为要插入的节点,someNode为参照节点。该函数会把newNode插入在someNode之前。当someNode为空时,newNode会成为Node的最后一个子节点。当someNode为Node.firstChild时,newNode会成为Node.firstChild(这是理所当然的,插入在第一个元素前方,那么其就会成为第一个元素)。
Node.replace(newNode, targetNode); replace会使newNode替换掉targetNode的位置,而targetNode会被从文档中完全移除。targetNode会被作为返回值返回。
移除节点
Node.replace(newNode, targetNode); replace会使newNode替换掉targetNode的位置,而targetNode会被从文档中完全移除。targetNode会被作为返回值返回。
Node.removeChild(targetNode); targetNode为要被移除的节点,该节点会被移除,并作为返回值返回。
根据关系获取节点
Node.firstChild; 获取该节点的第一个子节点
Node.lastChild; 获取该节点最后一个子节点
Node.nextSibling; 获取该节点的下一个同胞节点
Node.previousSibling; 获取该节点的上一个同胞节点
Node.childNodes; 获取该节点的子节点列表,类型为NodeList。
克隆节点
Node.cloneNode(bool); 该方法会返回与调用它的节点一模一样的节点。cloneNode()方法接受一个布尔值参数,表示是否深复制。在传入true参数的时候,会进行深复制,即复制节点及其整个子DOM树。如果传入false,则只会复制调用该方法的节点。复制返回的节点属于文档所有,但尚未指定父节点,所以可以称为孤儿节点。