Angular2中是否有简便方法将含HTML标签的字符串转HTML？

嘿，你现在用的DOMParser其实已经是浏览器原生里很靠谱的方案了，但确实还有更简洁的替代方法，我来给你拆解下：

1. 优化你现有的DOMParser用法 #

首先先修正下你代码里的小语法问题——你的<a>标签没写闭合，href也没加引号，这会导致解析异常。修正后的代码应该是这样：

const htmlString = "....snip..... <br><br> If you do not have an account, please register here.<a href='https://redmine.ixsystems.com/account/register'>register here</a>";
const parsedDoc = new DOMParser().parseFromString(htmlString, 'text/html');
// 如果你只需要body里的内容，可以直接取：
const content = parsedDoc.body;

这种方法适合处理完整的HTML文档（比如包含<html>、<head>标签的内容），解析后会生成完整的DOM文档对象。

2. 更轻便的innerHTML方案 #

如果你的HTML只是片段（像你例子里的内容，没有完整的文档结构），用元素的innerHTML会更简洁：

const htmlString = "....snip..... <br><br> If you do not have an account, please register here.<a href='https://redmine.ixsystems.com/account/register'>register here</a>";
const container = document.createElement('div');
container.innerHTML = htmlString;
// 现在container的子元素就是解析后的HTML内容，你可以直接插入到页面里：
document.body.appendChild(container);

这种方法不需要生成完整的文档对象，直接把字符串转换成DOM片段，代码量更少，日常处理HTML片段时更常用。

3. 两种方法的小区别 #

• DOMParser：适合处理完整HTML文档，解析后的内容是一个完整的Document对象，你可以像操作页面文档一样访问它的head、body等部分。
• innerHTML：更适合处理HTML片段，直接挂载到一个临时元素上，获取DOM节点更直接，性能也更优。

另外要注意：如果你的HTML字符串来自不可信的用户输入，两种方法都会自动过滤掉危险的<script>标签（现代浏览器默认不会执行innerHTML或DOMParser解析出的内联脚本），但还是要避免直接插入未知来源的内容，防止XSS风险。

内容的提问来源于stack exchange，提问作者vector8188