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 集合执行，但它不能。您需要为 html 集合指定索引 document.getElementsByClassName('container')[0]

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

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

document.getElementsBy..().appendChild is not a function error

appendchild