为什么DOM在标记之间包含空白？ 标题

DOM中

div

之后的第一件事是文本节点，而不是

h1

元素。为什么DOM包含这个

（我意识到我可以用

firstElementChild

选择

h1

，而不是

firstChild

，我只是想知道为什么文本节点会在那里。）

如果我应用样式规则

h1:first-child{font-size:600%；}

它会影响标题，因此我假设“CSS-DOM”（如果是这样的话）会忽略这个空白

---

也许这与

空白区有关：pre-如果动态应用此项，则DOM必须准备就绪？但这似乎并不能完全解释这一点。
空格处理的变化应该是足够的理由，但既然您已经以不满意为由拒绝了，我将给您一个不同的示例

假设标记是这样的：

<div>
   <h1>Heading


.test*{
显示：内联；
/*下面的属性正好有帮助
问题的可见性*/
字体：4001EM单空格；
}

我的
标题
我的标题

<section class="test">
    <b>My</b><div>
        <h1>Heading</h1>
    </div>
</section>

<section class="test">
    <b>My</b><div><h1>Heading</h1>
    </div>
</section>

.test * { 
   display:inline;
}