-->

DomParser parseFromString removing nodes

2020-04-14 07:14发布

站内文章 / JavaScript

55 0

女痞

女 | 书童

私信

可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试):

问题:

I came across some strange behaviour when using the DomParser. It appears that if the first element is a TEMPLATE, it's ignored.

See the output of below:

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

Browser: Chrome 72

Is this usual behaviour? If so, where can I find the documentation?

回答1:

DOMParser() parse HTML source code from the string into a DOM. It's not sure that string contents parsed as body, so try wrapping it with <body> tag.

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