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;