Chrome DOM中的空白文本节点

Question

Chrome DOM中的空白文本节点

Mar*_*tus 7 html firefox dom google-chrome

下面的HTML：

    <html>
      <body>
          <label>field a</label>
          <input  name="foo1" value=""/><br/>
          <label>field b</label><input name="foo2" value="" /><br/>
      </body>
    </html>

Run Code Online (Sandbox Code Playgroud)

…由于label第一个input元素与第一个元素之间的空白，使字段的输入稍微偏右。但是，查看Chrome中的DOM会看到以下内容：

即，在DOM中没有文本节点的表示。由于浏览器使用额外的空间来呈现它，所以我认为正在发生的事情是DOM中确实存在空格，但是由于某些原因DOM查看器无法显示它。如果我理解正确，Firefox DevTools实际上会显示空白文本节点（请参阅此博客文章）。Chrome有类似的功能吗？

Answer 1

Eya*_*oth 2

我认为没有办法在 DOM 视图中显示它们。

但是，我注意到它们在辅助功能树中有些可检测到：

归档时间：	8 年，7 月前
查看次数：	512 次
最近记录：	6 年，9 月前