Question

我想通过javascript从字符串创建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扩展，但在所有现代浏览器上都受到普遍支持。

当然，你可以形成一个简单的功能，从这些片段中做你想做的事。

Answer 2

您还可以使用父级的innerHTML属性附加元素，如下所示：

        this.parentEl.innerHTML += `
<a-sphere 
  class="a-sim-body"
  dynamic-body 
  position="1 1 1" 
  radius="1" 
  color="blue">
</a-sphere>`

javascript：从字符串创建HTMLElement

2 个答案: