javascript - 在 dom 中，html 元素和片段之间的功能区别是什么？

Question

我发现片段在构建动态 html 时非常有用——就像使用一袋 html 元素，当放置到位时袋子本身会溶解——非常好。

我曾假设 html 元素和片段的方法是相同的，但我认为这是不正确的。

似乎片段有节点方法 - appendChild() 等 - 但没有更复杂的 html 元素方法，例如 getElementsByTagName()。

这个评估是否正确？还是我用新的方式搬起石头砸自己的脚？

Answer 1

A DocumentFragment扩展 Node接口(interface)并定义为，

interface DocumentFragment : Node {
};

安HTMLElement从 Element 延伸，其接口(interface)定义为，

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

Element 又扩展了 Node 接口(interface)。它包含方法 getElementsByTagName 以及其他几个方法，

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

简而言之，文档片段和 html 元素都共享 node interface .