javascript - DomParser parseFromString 删除节点

标签 javascript templates html-parsing domparser

我在使用 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 - DomParser parseFromString 删除节点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55135703/

相关文章:

javascript - 损坏的代码 -- 如何正确使用 AJAX 来阻止加载网站的这一部分?

javascript - 在 JS 和 PHP 中匹配 sec256k1 key

php - Symfony 1.4 的模板系统

python - 获取已知元素之外的文本 beautifulsoup

html - 如果我知道其中的标签,如何使用 Perl 的 HTML 模块找到 div 的内容?

mysql - 在最终呈现的 PHP 页面中将数据库表中的行空间解析为 HTML

javascript - 是否可以使用 youtube javascript api 重复播放特定部分?

JavaScript For 循环与闭包导致 JSLint 警告

具有模板化参数的 C++ 模板特化

c++ - 我的 C++ 代码在宏+模板编译时失败,为什么会出现这个错误?