Javascript 子节点和子节点之间有什么区别?

Javascript 子节点和子节点之间有什么区别?,javascript,dom,Javascript,Dom,概念上的区别是什么 它们似乎都是只读的和实时的。生活意味着什么?如果DOM更新,您的子节点或子对象也会更新,这看起来是不是很明显 它们在概念上有何不同 子节点仅返回作为元素的节点。 childNodes返回所有节点(元素、属性、文本、注释、, 等。)。 在文档对象模型中,所有内容都表示为节点“树”中的“节点”元素、注释、原始文本、属性、doctype都是文档中的部分或“节点” 但是,元素只是那些由“标记”定义的节点。换句话说,元素节点只是节点的一种类型。这通常是一个大问题,因为在DOM中,

概念上的区别是什么

它们似乎都是只读的实时的。生活意味着什么?如果DOM更新,您的子节点或子对象也会更新,这看起来是不是很明显

它们在概念上有何不同
  • 子节点
    仅返回作为元素的节点。
  • childNodes
    返回所有节点(元素、属性、文本、注释、, 等。)。
  • 在文档对象模型中,所有内容都表示为节点“树”中的“节点”元素、注释、原始文本、属性、
    doctype
    都是文档中的部分或“节点”

    但是,元素只是那些由“标记”定义的节点。换句话说,元素节点只是节点的一种类型。这通常是一个大问题,因为在DOM中,一切都是一个节点,但通常您只对元素节点感兴趣

    在以下示例中,我们将统计有多少个节点,然后计算有多少个元素节点:

    console.log(“子节点总数:+document.getElementById(“父”).childNodes.length);//注释、文本和元素节点
    log(“仅子元素:+document.getElementById(“父”).children.length);//只有嵌套的
    
    每行原始文本
    也是一个节点。
    嵌套div文本
    
    每个都返回一个集合,但它们是不同对象的集合

    Live意味着即使在创建集合之后,集合也会随着HTMLElement或节点的添加和/或删除而增长和收缩


    它们只是在集合的每个项上可用的方法和属性上有所不同。这不是概念上的差异,而是API的差异。

    是的,这就是live的含义。因此,从概念上讲,元素与节点有什么不同。你举了一些例子,但我们能推断出每个都是什么?我可以说childNodes包含描述DOM所需的一切吗?我能说这些子元素只包含元素吗?@brannonteer答案再次更新。但是,从概念上来说,这样想。。。汽车由数千个“零件”(此处零件为节点)组成,但其中只有部分零件为软管(软管为元素)。节点只是引用文档某些组件的一种非常通用的方式。元素是一种特定类型的组件。