Uncaught TypeError：無法設置屬性'onclick'null，input type =「img」

Question

請幫我看看錯誤，正常的按鈕「Redial」正常，但「hangoff」一個沒有。

<div id="buttons"> 
    <button type="button" id="Redial">Call</button> 
    <input type="image" src="hangup.png" alt="hangoff"> 
</div> 

var hangoff = document.querySelector("#hangoff"); 
var Redial = document.querySelector("#Redial"); 

hangoff.onclick = Dropcall; 
Redial.onclick = Callagain; 

function Dropcall() { 
    phone.hangup(); 
    remoteStream.parentNode.removeChild(remoteStream); 
} 

function Callagain() { 
    window.location.reload(); 
} 

Answer 1

您正在選擇一個不存在的ID。

div id="buttons"> 
    <button type="button" id="Redial">Call</button> 
    <input type="image" src="hangup.png" alt="hangoff"> <-- does not have id hangoff. 
</div> 

var hangoff = document.querySelector("#hangoff"); 
var Redial = document.querySelector("#Redial"); 

您輸入的標籤只是更改爲：

<input type="image" src="hangup.png" alt="hangoff" id="hangoff"> 

而且會做的伎倆。如果你想與屬性獲得元素ALT =器懸掛你必須使用（注意新的「id」屬性）

Answer 2

hangoff = document.querySelector("#hangoff")

這個選擇與ID 器懸掛

尋找HTML元素接下來seletor

hangoff = document.querySelector("[alt='hangoff']")

或設定的ID爲輸入

<input type="image" src="hangup.png" id="hangoff">