使用DomParser时,我遇到了一些奇怪的行为。看来,如果第一个元素是TEMPLATE,则忽略它。
见下面的输出:
printTags('<template></template><h1></h1>', 'text/html');
document.write('<hr>')
printTags('<h1></h1><template></template>', 'text/html');
function printTags(str)
{
let doc = new DOMParser().parseFromString(str, 'text/html');
document.write(Array.from(doc.body.children).map(child => child.tagName).join(','));
}
浏览器:Chrome 72
这是通常的行为吗?如果是这样,我在哪里可以找到文档?
DOMParser()
将HTML源代码从字符串解析为DOM。它不确定字符串内容是否被解析为body
,因此请尝试使用<body>
标记进行包装。
printTags('<body><template></template><h1></h1></body>', 'text/html');
document.write('<hr>')
printTags('<body><h1></h1><template></template></body>', 'text/html');
function printTags(str) {
let doc = new DOMParser().parseFromString(str, 'text/html');
document.write(Array.from(doc.body.children).map(child => child.tagName).join(','));
}