javascript:从字符串创建HTMLElement

Question

我想通过javasacript从字符串创建HTMLElement,就像这样

element = createHTMLElement('<table class="list"><tr><td><a href="xxx">title</a></td></tr></table>')
element.addEventListener(...)
parent.appendChild(element)

我不想使用jQuery

Answer 1

您可以创建一些虚拟外部元素:

  var div = document.createElement('DIV');

然后:

  div.innerHTML = '<table class="list"><tr><td><a href="xxx">title</a></td></tr></table>'

然后从childNodes中提取它:

  div.firstChild

innerHTML是Microsoft扩展,但在所有现代浏览器上都受到普遍支持.

当然,你可以形成一个简单的功能,从这些片段做你想要的.