為什么HTML屬性中的opener和closer的（'）在document.documentElement.outerHTML中呈現為（''）？ 以及如何預防呢？

Question

為什么HTML屬性中的opener和close的單引號（'）在document.documentElement.outerHTML中呈現為雙引號（''）？ 以及如何預防呢？

我的html頁面中有此元素：

<div data-css="mo-cssclassvalueuseditems" class='{MO-CSS-CLASS value="UsedItems"}'>
</div>

結果，當我嘗試通過document.documentElement.outerHTML獲取整個html時，結果如下所示：

<div data-css="mo-cssclassvalueuseditems" class="{MO-CSS-CLASS value=&quot;UsedItems&quot;}">
</div>

對於" ，一點都不重要。 但是對於單引號（'）的開頭和結尾，為什么將其呈現為雙引號（''）而不是單引號（'）？

有什么解決辦法可以保持報價不變？

Answer 1

加載DOM后，它變成了DOM數據結構，該數據結構表示所有元素和屬性之間的邏輯關系。 它不保留源代碼。 因此，它僅具有class屬性包含值{MO-CSS-CLASS value="UsedItems"} 。 您在原始HTML中使用單引號或雙引號的事實在此DOM轉換中丟失了。 通過讀取元素的innerHTMl或outerHTML屬性來序列化元素時，屬性值始終用雙引號引起來。