HTML属性のオープナーとそれ以上の（ '）がdocument.documentElement.outerHTMLで（' '）としてレンダリングされるのはなぜですか？それを防ぐ方法は？

Question

オープナーとその近くの一重引用符（ '）がdocument.documentElement.outerHTMLの二重引用符（' '）としてレンダリングされるのはなぜですか？それを防ぐ方法は？

私は私のhtmlページにこの要素を持っている："について

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

を：私は、結果として、document.documentElement.outerHTMLを経由して、全体のhtmlを取得しようとしました

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

が、それは次のようになり、それは全く問題ではありません。しかし、単一引用符（ '）の最初と最後には、一重引用符（'）ではなく二重引用符（ ''）で表示されるのはなぜですか？

引用符をそのまま使用する方法はありますか？

Answer 1

DOMがロードされると、すべての要素と属性の論理的関係を表すDOMデータ構造に変換されます。ソースコードは保持されません。したがって、class属性には値{MO-CSS-CLASS value="UsedItems"}が含まれているという情報しかありません。元のHTMLで一重引用符または二重引用符を使用したという事実は、DOMへのこの翻訳では失われます。要素がinnerHTMlまたはouterHTMLプロパティを読み取ることによってシリアル化されると、属性値は常に二重引用符で囲まれます。