Javascript appendChild 如果 div 不存在

Question

我在做一个大项目，我想要的是

if div 1 not contain div 2 child{

div1.appendChild(div2)

}

但是，我遇到了解决这个问题的问题

我的代码

<script>
dc = document.createElement("div");
dc.className = "doctor_card doctor-"+o+" hidden";
dcc.appendChild(dc);
</script>

谢谢指教:)

Answer 1

试试这个：

<script>
var className = "doctor_card doctor-"+o+" hidden";

if (dcc.getElementsByClassName(className).length == 0) {
    dc = document.createElement("div");
    dc.className = className;
    dcc.appendChild(dc);
}
</script>

Answer 2

var dcc = document.getElementsByClassName('parentclass')[0];
if (!dcc.contains(dc)) {
 dcc.appendChild(dc);
}

如果你真的想使用纯 javascript，你可以使用上面的代码。

Javascript appendChild 如果 div 不存在

Javascript appendChild if div not exists

javascript

jquery

dom

appendchild