Question

在运行此脚本结束时，我应该看到最初为空的div id =＆＃34;复选框＆＃34;变为：

<div id="checkboxes">
      <label><input type="checkbox">option1</label>
      <label><input type="checkbox">option2</label>
      <label><input type="checkbox">option3</label>
</div>

我是如何尝试获取的（因为我在数组中有确切的选项）：

<script type="text/javascript">

    function populate() {
        debugger;
        var x = document.getElementById("checkboxes");
        var optionArray = ["option1", "option2", "option2"];


        for (var option of optionArray) {
            var label = document.createElement("label");
            label.innerHTML = "<input type='checkbox'>" + option;
            x.appendChild = label;
        }
    }

    populate();


</script>

<html>
<head>
        <div id="checkboxes">
        </div>

</head>
</html>

我收到类似

的错误

未捕获的TypeError：无法设置属性＆＃39; appendChild＆＃39;为null

在我尝试追加孩子的那一行，有人可以提出建议吗

Answer 1

//x.appendChild = label;
x.appendChild(label);

错误将child附加为我刚刚创建的innerHTML的元素

1 个答案: