在DIV

Question

我必须创建多个复选框，并在页面中的特定位置以html格式显示它们。

我创建了一个div

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

然后在javascript中创建复选框（我想动态创建它们），

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

但是如何将这些复选框放在DIV中，即在html页面的特定位置？

由于

艾登

Answer 1

您需要找到您不会附加元素的父元素，然后使用appendChild()方法，例如：

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

参考：https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild