Question

我正在考虑为chrome和firefox创建一个网站动态渲染html元素，使用DOMParser就像下面的代码片段坏方法一样？我用谷歌搜索了DOMParser＆＃39;并且没有看到此用例中的任何代码我想知道它的最佳实践或一般方法。

var core = {};
var someHtml = '<div class="test1"><div class="test2">this string could be more complicated</div></div>';

core.onReady = function(){
    var parser = new DOMParser()
        , parsed = parser.parseFromString(someHtml, 'text/html')
        , element = parsed.body.firstChild;
    document.body.appendChild(element);
};

Answer 1

这没有错。特别是如果您想在将HTML添加到页面之前测试HTML是否有效。

一般来说，大多数人都会这样做：

document.body.innerHTML += someHtml;

从速度的角度来看，除非您使用大量HTML进行此操作，否则您不太可能注意到使用DOMParser会造成巨大的性能损失。

http://jsperf.com/html-parsing-performance-element-innerhtml-vs-domparser/2

使用DOMParser渲染html是一个好方法吗？

1 个答案: