DocumentFragment

DocumentFragment 介面表示了一個沒有父節點的最小化文件物件。DocumentFragment 被當作一種輕量化的 Document，用以儲存良好格式（well-formed）或非良好格式（non-well-formed）的 XML 片段。

許多方法可以將 DocumentFragment 當作參數傳入（如所有 Node 介面的 Node.appendChild() 及 Node.insertBefore() 方法），在此情況下被加入（appended）或被插入（inserted）的為文件片段的子節點，而非文件片段本身。

This interface is also of great use with Web components: <template> elements contain a DocumentFragment in their HTMLTemplateElement.content property.

一個空的 DocumentFragment 物件可使用 document.createDocumentFragment() 方法或 DocumentFragment 的建構式來建立。

屬性

This interface has no specific property, but inherits those of its parent, Node, and implements those of the ParentNode interface.

ParentNode.children Read only

Returns a live HTMLCollection containing all objects of type Element that are children of the DocumentFragment object.

ParentNode.firstElementChild Read only

Returns the Element that is the first child of the DocumentFragment object, or null if there is none.

ParentNode.lastElementChild Read only

Returns the Element that is the last child of the DocumentFragment object, or null if there is none.

ParentNode.childElementCount Read only

Returns an unsigned long giving the amount of children that the DocumentFragment has.

建構式

DocumentFragment()

Returns an empty DocumentFragment object.

方法

This interface inherits the methods of its parent, Node, and implements those of the ParentNode interface.

DocumentFragment.find()

Returns the first matching Element in the tree of the DocumentFragment.

DocumentFragment.findAll()

Returns a NodeList of matching Element in the tree of the DocumentFragment.

DocumentFragment.querySelector()

Returns the first Element node within the DocumentFragment, in document order, that matches the specified selectors.

DocumentFragment.querySelectorAll()

Returns a NodeList of all the Element nodes within the DocumentFragment that match the specified selectors.

DocumentFragment.getElementById()

Returns the first Element node within the DocumentFragment, in document order, that matches the specified ID.

規範

瀏覽器相容性

參見

• The DOM interfaces index.