2016-10-02 3 views
0

Ich muss mehrere Kontrollkästchen erstellen und sie in HTML an einer bestimmten Stelle auf der Seite anzeigen.HTML-Element in einem DIV erstellen

ich geschaffen habe ein div

<div id="htmlDiv"> 
</div> 

und dann erstellt Kontrollkästchen in Javascript (Ihave sie dynamisch erstellen),

function createNewCheckboxt(name, id){ 
var checkbox = document.createElement('input'); 
checkbox.type= 'checkbox'; 
checkbox.name = name; 
checkbox.id = id; 
return checkbox; 
} 

aber wie kann ich setzen diese Kontrollkästchen in DIV dh an bestimmten Ort in HTML-Seite?

Dank

Aiden

+1

'document.getElementById ('htmlDiv'). AppendChild (checkbox)' – haim770

+0

vielen Dank !!! – Aiden

+0

Mögliches Duplikat von [jQuery: Kindelement vor Kindelement anhängen] (http://stackoverflow.com/questions/20823893/jquery-append-child-element-before-child-element) –

Antwort

0

Sie müssen das übergeordnete Element finden, an dem Sie Ihr Element befestigen gewohnt, dann verwenden Sie die appendChild() Verfahren, zum Beispiel:

var checkbox = createNewCheckboxt('name', 'id'); // method defined in the question  
var parent = document.getElementById('htmlDiv'); 
parent.appendChild(checkbox); 

Referenz: https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild