的JavaScript的onclick犯規日誌在控制檯

Question

<button name="button" id="button">convert</button> 

var convert_button = document.getElementsByTagName("button"); 

var convert = function() { 
    console.log('button is clicked'); 

}; 

//set the click handler to the convert 

convert_button.onclick = convert; 

Answer 1

document.getElementsByTagName返回HTMLCollection（至極是像對象陣列）。

// Supply index 
var convert_button = document.getElementsByTagName("button")[0]; 

，或者你可以use喜歡這個按鈕的id：

var convert_button = document.getElementById("button"); 

檢查this fiddle

Answer 2

編輯：

如你所描述和調整

上的jsfiddle作品的代碼由他人。

http://jsfiddle.net/cm09psmf/1/

編輯完

使用的getElementById代替的getElementsByTagName：

var convert_button = document.getElementById("button"); 

的getElementsByTagName返回，你需要在它們之間迭代陣列狀物體，但如果你只有一個你頁面，你可以這樣做：

var convert_button = document.getElementsByTagName("button")[0]; //0 for first button 

Answer 3

<button name="button" id="button">convert</button> 

//var convert_button = document.getElementsByTagName("button"); 
//this is wrong; returns an 
//array not a single object 

var convert_button = document.getElementsByTagName("button")[0]; 

var convert = function() { 
    console.log('button is clicked'); 
}; 

//set the click handler to the convert 

convert_button.onclick = convert;