appendchild - document.getElementsBy..().appendChild 不是函数错误

Question

每次我按下按钮时，我一直试图在我的 DOM 中创建一个 div，但它说 appendChild 不是一个函数，对粗鲁的代码感到抱歉，但这就是我目前所处的位置。

var btn = document.getElementsByTagName('button')[0];

function crtRow(){
   var newDiv = document.createElement('div');
   newDiv.className = 'row';
   document.getElementsByClassName('container').appendChild(newDiv);
   document.body.appendChild(container);
}

btn.addEventListener('click', crtRow)

Answer 1

在您的示例中， appendChild 试图使用 HTML Collection 执行，但它不能。您需要为 html 集合指定索引 document.getElementsByClassName('container')[0]

此外，您将看到这行代码的另一个错误document.body.appendChild(container);。那是因为您没有定义一个称为容器的变量。它将尝试将未定义附加到正文。