Question:
Just realized that by default,DOMParser.parseFromString() creates documents in Quirks mode. Is there a way to make it Standard mode?console.log(document.compatMode) // 'CSS1Compat'
const doc = new DOMParser().parseFromString('<div>Hello World</div>', 'text/html');
console.log(doc.compatMode) // 'BackCompat'Answer:
All you need to do is prepend<!DOCTYPE html> to the HTML your parsingDOMParser will result in the following “document”
<html>
<head>
</head>
<body>
<div>Hello World</div>
</body>
</html>
console.log(document.compatMode) // 'CSS1Compat'
const doc = new DOMParser().parseFromString('<!DOCTYPE html><div>Hello World</div>', 'text/html');
console.log(doc.compatMode) // 'BackCompat'
console.log(doc.documentElement.outerHTML)If you have better answer, please add a comment about this, thank you!