如何修復類型錯誤？

Question

我的腳本中有一個函數，它被編碼為在 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 說

“類型錯誤：Form.appendChild 不是函數”

Answer 1

getElementsByClassName返回 HTML 元素的集合，而不僅僅是第一個，正如您所期望的那樣。

替換這個：

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

這樣：

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