Javascript createelement, fügen Sie HTML-Element und einfachen Text

Question

Ich versuche, diesen HTML-Block in Javascript zu erstellen:

<label> 
    <input name="{{ $amenity->name }}" type="checkbox" class="minimal"> 
    text 
</label> 

ich habe:

var checkBox = document.createElement("input"); 
var label_input = document.createElement("label"); 
label_input.innerHTML = value.name; 
label_input.appendChild(checkBox); 

Aber das Ergebnis ist

<label> 
    text 
    <input name="{{ $amenity->name }}" type="checkbox" class="minimal"> 
</label> 

und ich habe versucht, das Kontrollkästchen zuerst und dann den Text aber keinen Erfolg hinzuzufügen.

Answer 1

Verwenden Sie document.createTextNode zum Anhängen von Textinhalt an das Ende des Etiketts.

var checkBox = document.createElement("input"); 
var label_input = document.createElement("label"); 
label_input.appendChild(checkBox); 
label_input.appendChild(document.createTextNode(value.name));