onChange标题函数不起作用

Question

我有代码

var dctitle = document.getElementsByClassName('class1')[1]
dctitle.onchange = function() {
    alert("catched");
    console.log("catched");
};

此代码查找class1标题，当class1的标题发生变化时，alert和console.log应该执行，但实际上并没有。 dctitle是正确的数组并监视class1标题中的任何更改，但函数不起作用。 代码有什么问题？我是js的新手并且已经尝试谷歌了。抱歉我的英文。

元素

<div class="class1" title="123"></div>

Answer 1

＆＃34; .onchange＆＃34;事件只能应用于输入，如果你想选择第一个类名实例＆＃34; class1＆＃34;然后你必须用[0]而不是[1]来设置你的dctitle变量。当用户与字段交互时，将触发onchange事件。这是一个有效的例子：

HTML：

<input class="class1" />

JavaScript的：

var dctitle = document.getElementsByClassName('class1')[0];
dctitle.onchange = function() {
    alert("catched");
    console.log("catched");
};

这是指向JSFiddle的链接：http://jsfiddle.net/Xanco/uzfLug8j/

如果您想了解有关onchange事件的更多信息，请访问：http://www.w3schools.com/jsref/event_onchange.asp