什么“双引号”在chrome中意味着什么？ （这很奇怪）

Question

我注意到Google Chrome在双引号中包含元素的内部文本，但是，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。