在DOM中，html元素和片段之間的功能區別是什麼？

Question

已經發現碎片在構建動態html時非常有用 - 就像使用一袋html元素一樣，並且袋子本身在放置時就會溶解 - 非常好。

我假設html元素和碎片的方法是一樣的，但我認爲這是不正確的。

似乎碎片有節點方法 - appendChild()等 - 但沒有更復雜的html元素方法，例如，getElementsByTagName()。

這個評估是否正確？還是我以一種新的方式在腳下開槍？

Answer 1

甲DocumentFragment延伸Node接口並且被定義爲，

interface DocumentFragment : Node { 
}; 

一種HTMLElement從Element延伸，並且它的接口被定義爲，

interface HTMLElement : Element { 
    attribute DOMString id; 
    attribute DOMString title; 
    attribute DOMString lang; 
    attribute DOMString dir; 
    attribute DOMString className; 
}; 

Element在匝延伸Node接口。它包含其中幾個人的方法getElementsByTagName，

interface Element : Node { 
    ... 
    NodeList getElementsByTagName(in DOMString name); 
    .. 
}; 

因此，要回答你的問題，總之，一個文檔片段和一個HTML元素都共享node interface。

Answer 2

的DocumentFragment接口擴展了Node interface，因此提供方法來插入和克隆的元素，但不getElementsByTagName()等。這些可在Document interface（其中也延伸到Node）中找到。