javascript - createContextualFragment 只是以字符串形式从字符串中吐出 html

Question

抱歉，这应该很简单。我只有一个包含 html 的字符串，我想将其作为“真实 html”附加到 el 并返回以供显示。

我的代码，取自其他 stackoverflow 答案:

let fragmentFromString = function (strHTML) {
  return document.createRange().createContextualFragment(strHTML);
}
let x = fragmentFromString(decodeURI("<span><B>Test</B> this</span>"));
el.appendChild(x);

但是，它所做的只是将包含 html 的文本附加到 el 上。它实际上并没有创建节点并使“测试”变为粗体等...

我在浏览器中看到的是:

<span><B>Test<>/B> this</span>

我想在浏览器中看到的是:

Test this

我缺少什么简单的东西？谢谢。

Answer 1

简而言之，您使用 'decodeURI' 在这种情况下是错误的，因为它不是编码的 URI。只需删除它，它就会起作用。

您应该在函数中使用 html 字符串。