Javascript將元素添加到動態div

Question

我正在嘗試向動態創建的 div 添加一些復選框，然后將 div 附加到靜態 div。 但我收到此錯誤：

類型錯誤：無法讀取 null 的屬性“appendChild”

我在這一行收到此錯誤：

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;
 }

這是因為您正在嘗試獲取新創建的 Div 機智 ID，但您的 div 沒有 ID :)

Answer 2

問題是您將剛剛創建的newDiv元素傳遞給getElementById方法，該方法應采用字符串。

你可能只想做：

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

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

Answer 3

由於newDiv是實際元素，您可以簡單地執行以下操作：

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