Javascript 将元素添加到动态 div

Question

我正在尝试向动态创建的 div 添加一些复选框，然后将 div 附加到静态 div。但我收到此错误:

TypeError: Cannot read property 'appendChild' of null

我在这一行中得到这个错误:

document.getElementById(newDiv).appendChild(checkbox));

代码

function func(staticDiv){
   var newDiv = document.createElement("DIV");
   var checkbox = createCheckbox();

   document.getElementById(newDiv).appendChild(checkbox);
   document.getElementById(staticDiv).appendChild(newDiv);

 function createCheckbox() {
     var checkbox = document.createElement("INPUT");
     checkbox.setAttribute("type", "checkbox");
     checkbox.setAttribute("name", "checkbox");
    return checkbox;
 }

Answer 1

这是你的完整代码代码

 function func(staticDiv){
   var newDiv = document.createElement("DIV");
   var checkbox = createCheckbox();

   newDiv.appendChild(checkbox);
   document.getElementById(staticDiv).appendChild(newDiv);
 }

 function createCheckbox() {
   var checkbox = document.createElement("INPUT");
   checkbox.setAttribute("type", "checkbox");
   checkbox.setAttribute("name", "checkbox");
   return checkbox;
 }

这是因为您正在尝试获取新创建的带有 ID 的 Div，但您的 div 没有 ID :)