Javascript 在元素的开头生成innerHTML

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

这是现有的HTML元素：

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

元素末尾

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

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

document.getElementById（container.innerHTML+=”元素的开头“
”；

---

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

将

document.getElementById（'container'）.innerHTML

添加到赋值中，并删除

+=

速记：

document.getElementById（'container'）.innerHTML=“元素的开头”
”+document.getElementById（'container'）.innerHTML

元素末尾

此代码可能有效

var newItem = document.createElement("p");
newItem.innerHTML = "start of the element";
var container = document.getElementById("container");
var currentItem = document.getElementById("container").firstChild;
container.insertBefore(newItem, currentItem);

有一个相对较新的函数专门用于此：
insertAdjacentHTML
。它有四个选项：开始标记前（
beforebeagin
），开始标记后（
afterBegin
），结束标记前（
beforefend
），结束标记后（
afterEnd
）。就你而言：



演示
代码中的第一段，但应在Javascript启动后变为第二段

document.querySelector（'div'）。insertAdjacentHTML（'afterBegin'，'代码中的第二段，但应该成为第一段。
）
使用jQuery：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
</script>
<script>
$('#container').prepend("<p>start of element</p>");
</script>




向div添加文本
Div容器

document.getElementById（容器）.innerHTML=“元素的开头”
”+document.getElementById（容器）.innerHTML