在 DIV 中创建 HTML 元素答案

【问题标题】：Creating HTML element inside a DIV在 DIV 中创建 HTML 元素
【发布时间】：2016-10-02 08:18:18
【问题描述】：

我必须创建多个复选框并在页面中的特定位置以 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 页面中的特定位置？

谢谢

艾登

【问题讨论】：

document.getElementById('htmlDiv').appendChild(checkbox)
jQuery: Append child element before child element的可能重复
如果我也必须在复选框右侧显示标签怎么办？例如复选框....标签复选框....标签

标签： javascript html dom checkbox

【解决方案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

【讨论】：