在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接口 。

Answer 2

DocumentFragment接口擴展了Node接口 ，從而提供了用於插入和克隆元素的方法，但不提供 getElementsByTagName()等方法。 這些可以在Document界面 （也擴展Node ）中找到。