javascript - 之前，不更换

Question

试图弄清楚我应该如何在 my_div_class 之前放置一个 span 而不是替换所有它。现在它取代了 div，但我不想这样做。我假设它类似于 :before 但不知道如何使用它。

<script>
 {
  var x = document.getElementsByClassName("my_div_class");
  x[0].innerHTML = "<span style='color:#ff0000;'>Hello World!<span>";
 }
</script>

Answer 1

使用insertAdjacentHTML :

var x = document.getElementsByClassName("my_div_class");
var html = '<span style="color:#ff0000;">Hello World!<span>';
x[0].insertAdjacentHTML('beforebegin', html);

<div class="my_div_class">Hallo</div>