DOM 節點的轉殖和匯入

在使用 js 操作 dom 節點的時候，我們常常會用到轉殖（或匯入）節點的操作，那到底有哪些方法可以實現節點轉殖（或匯入）的效果呢？

今天，我們就來總結一下能實現節點轉殖（或匯入）效果的方法。

提到轉殖節點，我們最先能想到的肯定是node.clonenode()方法。

其語法如下：

let clonenode = targetnode.clonenode(deep);

這是頭部

內容一內容二

將外部文件的乙個節點拷貝乙份，然後可以把這個拷貝的節點插入到當前文件中。語法如下：

let node = document.importnode(externalnode, deep);

這是 iframe 內容頭部

這是 iframe 內容主體
內容頭部
內容主體

從其他的document文件中獲取乙個節點。 該節點以及它的子樹上的所有節點都會從原文件刪除 (如果有這個節點的話), 並且它的ownerdocument屬性會變成當前的document文件。 之後你可以把這個節點插入到當前文件中。語法：

let node = document.adoptnode(externalnode);

這是 iframe 內容頭部

這是 iframe 內容主體
內容頭部
內容主體

以上就是使用 js 轉殖（或匯入）dom 節點的方法總結。

~

學習有趣的知識，結識有趣的朋友，塑造有趣的靈魂！

DOM節點操作 建立，增加，轉殖

建立新的元素節點 createelement x x 方法建立新的元素節點 xmldoc loadxmldoc books.xml newel xmldoc.createelement x x edition x xmldoc.getelementsbytagname r book 0 x.a ne...

DOM的節點型別和屬性

dom，即document object model中，存在三種型別的節點 元素節點 element node 屬性節點 attribute node 文字節點 text node 幾個屬性 childnodes，返回乙個陣列，用來檢視給定元素節點的子節點。nodetype，檢視節點型別，元素節點的...

DOM簡介和節點操作

nodetype值 節點型別 1元素節點，例如和 3文字節點 8注釋節點 9document 節點 10dtd 節點 方法功能 相容性document.getelementbyid 通過id得到元素 ie6document.getelementsbytagname 通過標籤名得到元素陣列 ie6do...