Html DOM如何表示节点？

DOM如何表示对应于不同HTML元素的节点

e、 g:

foo
福

这两个元素的DOM表示形式是否完全相同，但其中一个元素的显示属性设置为“内联”，另一个元素的显示属性设置为“块”

---

换句话说，实际上是否只有一种类型的DOM节点具有许多属性，或者是否确实存在与不同类型的HTML元素相对应的不同DOM节点？

a

span

元素实现

HTMLSpanElement

接口，a

div

元素实现

htmldevelment

接口。元素具有不同的标记名和一些其他差异。例如，

div

元素具有

align

属性，该属性反映了

align

属性（尽管在HTML4中声明该属性已弃用，在HTML5中已过时，但仍然非常受支持，这也可以在DOM中看到）

与HTML元素对应的所有节点都是

HTMLElement

对象，它们也是

Element

对象，但它们也是不同类型的对象

---

元素不需要有任何默认渲染。在实践中，浏览器当然有默认的渲染，但其他处理HTML文档的软件不需要。实际上，浏览器实现了HTML5中指定的“预期呈现”，这意味着，例如，对于

div

，具有

display:block

。但是，这是浏览器默认样式表的一部分，至少在概念上是如此，并且根本不需要在元素的DOM节点中反映。

这样说是否正确，例如

text align

这样的样式控制树中创建的

textNode

的呈现，对应于

foo

这样的内容；

text align

属性的计算值（这取决于许多事情，主要是在元素的DOM节点之外）设置元素内容中文本行的对齐方式。文本是DOM中的

textNode

节点，但文本节点没有自己的渲染；它们只是内容的一部分。

<span>foo</span>

<div>foo</div>