编程语言
首页 > 编程语言> > javascript-DomParser parseFromString删除节点

javascript-DomParser parseFromString删除节点

作者:互联网

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

标签:javascript,templates,html-parsing,domparser
来源: https://codeday.me/bug/20191012/1896758.html