chrome中的“双引号”是什么意思？ （这很奇怪）

Question

我注意到谷歌浏览器将元素的内部文本包装在 双引号 中，但是，Html() Jquery 函数返回一个不带引号的字符串。这是为什么呢？

这里有一些实验：

HTML代码：

<p id="simple-text">This is a simple paragraph .</p>

<p id="lorem-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

<p id="span-text">This is a simple <span>span element</span> paragraph .</p>

Chrome 中的结果（元素）：

注意：简单文本（#simple-text）中没有双引号

使用 Jquery（控制台）在 Chrome 中生成结果：

注意：跨度文本中没有双引号（#span-text）

更新（编辑 Html）：

我可以说有三个元素：字符串、跨度和字符串吗？

Answer 1

引号实际上并不是 DOM 的一部分，它只是 DevTools 中的一个 UX 功能，表明它是您正在查看的字符串。

如果您右键单击该元素并选择Edit HTML，您将看到原始 HTML。