在元素的开头生成innerHTML

Question

我想在现有元素的开头生成HTML代码.

这是现有的HTML元素:

<div id="container">
  <p>end of the element</p>
</div>

使用我当前的解决方案,我将生成的元素添加到现有内容下面:

document.getElementById(container).innerHTML += "<p>start of the element</p>";

如何使用innerHTML在元素的现有内容之上添加内容？

Answer 1

预先document.getElementById('container').innerHTML分配并删除+=速记:

document.getElementById('container').innerHTML = "<p>start of the element</p>" + document.getElementById('container').innerHTML;

<div id="container">
  <p>end of the element</p>
</div>