DomParser parseFromString 删除节点

Question

我在使用 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(','));
}

浏览器：Chrome72

这是正常行为吗？如果是这样，我在哪里可以找到文档？

Answer 1

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(','));
}

DomParser parseFromString 删除节点

DomParser parseFromString removing nodes

javascript

templates

html-parsing

domparser