DOM中Node与对象的区别及DOM树相关技术疑问

1. DOM树真的仅由ECMAScript对象构成吗？ #

不是。DOM本身是浏览器实现的文档操作规范，底层核心结构由浏览器用非JS语言（比如C++）实现。你在JS环境中接触到的DOM节点，是浏览器暴露给JS的包装对象——这些对象符合ECMAScript标准，但DOM树的实体并非完全由JS对象构成，JS只是操作DOM的其中一种接口语言。

2. 这些对象是如何连接形成树结构的？例如，每个对象都有children属性吗？ #

DOM节点通过一系列标准属性维护树状关系，核心属性包括：

• parentNode：指向当前节点的父节点（所有Node类型节点都具备）
• childNodes：包含当前节点的所有子节点（涵盖元素、文本、注释等所有Node子类）
• children：仅包含当前节点的子元素节点（只有Element类型节点才有这个属性，文本、注释节点没有）
• 辅助定位属性：firstChild、lastChild、nextSibling、previousSibling，用于快速找到相邻节点

这些属性共同构建了可遍历的树状结构。

3. Node是否是一个实际的对象，其他对象通过原型链与其关联？ #

是的，Node是DOM API的核心原型对象，所有DOM节点类型（Element、Text、Comment、Document等）都通过原型链继承自Node。
你描述的原型链结构完全正确：
HTMLElement实例 -> HTMLElement.prototype -> Element.prototype -> Node.prototype -> EventTarget.prototype -> Object.prototype
不过要注意，不能直接用new HTMLElement()创建实例——浏览器限制了这种方式，必须通过document.createElement()这类API生成符合规范的DOM节点，浏览器会自动为实例建立正确的原型链。

内容的提问来源于stack exchange，提问作者Magnus