如何修复TypeError?

时间:2019-08-04 12:20:56

标签: javascript

我的脚本中有一个功能被编码为在div容器中创建按钮的函数,但是当我尝试将其附加到div容器中时出现类型错误。

我试图更改div容器的名称,但是它不起作用。

function EndGame(){
    var LogOut = document.createElement('button'); 
    var Form  = document.getElementsByClassName('Form');
    LogOut.textContent = 'Logout';
    Form.appendChild(LogOut);
    LogOut.addEventListener('click',ReStart);
}

该函数给我一个TypeError提示

“ TypeError:Form.appendChild不是函数”

1 个答案:

答案 0 :(得分:2)

getElementsByClassName返回HTML元素的集合,而不仅仅是您希望的第一个HTML元素。

替换此:

var Form  = document.getElementsByClassName('Form');

由此:

var Form  = document.getElementsByClassName('Form')[0];