Javascript 在另一个div之后添加新div

我正试图在dtext01类的div之后添加一个新div，但它不起作用。 下面是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>


var stickyNode=document.createElement（“div”）；
stickyNode.innerHTML='Testing！！！'；
stickyNode.id=“奖励”；
var referenceNode=document.getElementByClass（“dtext01”）；
referenceNode.parentNode.insertBefore（stickyNode，referenceNode）；
没有
文档。getElementByClass（）
。有和可用于通过
className
获取元素，但它们不是跨浏览器的标准

您始终可以从可靠的源导入跨浏览器
GetElementsByCassName
，或者编写自己的-或者如果您有选择的话，只使用ID而不是类。
您要查找的函数是（注意元素的复数形式）。它是对的一个相当新的添加，因此您应该对它进行测试，并在不支持它的情况下提供回退

要在第一个节点返回后立即追加div，请使用：

var referenceNode;
if (document.getElementsByClassName) {
    referenceNode = document.getElementsByClassName("dtext01")[0];
} else {
    // fallback to some other function
}

// Make sure you got a node before trying to call methods on it
if (referenceNode) {
    referenceNode.parentNode.insertBefore(stickyNode, referenceNode);
}