Wie ein Element zu einem anderen hinzuzufügen (anstelle Selektor verwenden)

Question

ich in Document fand, dass ich ein Element erstellen und fügen Sie ein anderes mag:

var sel = document.createElement("select"); 
var opt1 = document.createElement("option"); 
var opt2 = document.createElement("option"); 

opt1.value = "1"; 
opt1.text = "Option: Value 1"; 

opt2.value = "2"; 
opt2.text = "Option: Value 2"; 

sel.add(opt1, null); 
sel.add(opt2, null); 

Aber wenn ich es anzuwenden versucht, Praxis funktioniert diese Methode nicht funktioniert, newUser wurde nicht hinzugefügt newDiv erfolgreich:

function createOnEle(imgSrc, user, extract) { 
    var newDiv = document.createElement("div"); 
    var newUser = document.createElement("span"); 

    newUser.textContent = user; 

    newDiv.add(newUser); 

} 

Es scheint, dass add Methode nicht für div und span funktioniert, wenn das wahr ist, wie ich zu erreichen t? Sonst, wo habe ich mich geirrt?

Answer 1

.add ist ein Verfahren zum select-element, die verwendet wird, um ein option-element ihn hinzuzufügen.

Siehe HTMLSelectElement.add()

Verwenden .appendChild()

Die Node.appendChild() Verfahren einen Knoten zu dem Ende der Liste von Kindern eines bestimmten übergeordneten Knoten hinzufügt.

function createOnEle(user) { 
 
    var newDiv = document.createElement("div"); 
 
    var newUser = document.createElement("span"); 
 
    newUser.textContent = user; 
 
    newDiv.appendChild(newUser); 
 
    document.body.appendChild(newDiv); 
 
} 
 
createOnEle('RogB :)')

Answer 2

function createOnEle(imgSrc, user, extract) { 
    var newDiv = document.createElement("div"); 
    var newUser = document.createElement("span"); 

    newUser.textContent = user; 

    newDiv.innerHTML=newUser; 

} 

Diese auch als pro Ihre Anforderung funktionieren sollte.