Javascript appendChild wenn div existiert nicht

Question

ich habe in einem großen Projekt arbeiten, und dass ich will, ist

if div 1 not contain div 2 child{ 

div1.appendChild(div2) 

} 

Aber, ich bin immer Problem dieses

Mein Code

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

zu lösen

Vielen Dank für Beratung :)

Answer 1

Try this:

<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); 
} 

Sie können den obigen Code verwenden, wenn Sie wirklich reines Javascript verwenden möchten.