javascript - 在另一个之后添加一个新的 div

Question

我试图在类为 dtext01 的 div 之后添加一个新的 div，但它不起作用。 这是类 <div class="dtext01"></div> 的 div 的样子我希望最终代码看起来像这样 <div class="dtext01"></div><div id="rewards">Testing!!!</div>

这是我试过但没有成功的代码。

<script type="text/javascript">
var stickyNode = document.createElement("div");

stickyNode.innerHTML = 'Testing!!!';

stickyNode.id = "rewards";
var referenceNode = document.getElementByClass("dtext01");
referenceNode.parentNode.insertBefore(stickyNode, referenceNode);
</script>

Answer 1

没有 document.getElementByClass()。有document.getElementsByClassName()和 querySelectorAll()可用于通过 className 获取元素，但它们不是跨浏览器的标准。

您始终可以从可靠来源导入跨浏览器 getElementsByClassName，例如 this one ，或者编写您自己的 - 或者如果您可以选择，则只使用 ID 而不是类。