“ document.getElementByClass不是函数”

Question

我正在尝试使用来运行onclick任何按钮的功能class="stopMusic"。我在Firebug中遇到错误

document.getElementByClass不是函数

这是我的代码：

var stopMusicExt = document.getElementByClass("stopButton");

    stopButton.onclick = function() {

        var ta = document.getElementByClass("stopButton");

        document['player'].stopMusicExt(ta.value);

        ta.value = "";

    };

Answer 1

您可能是想document.getElementsByClassName()（然后从结果节点列表中获取第一项）：var stopMusicExt = document.getElementsByClassName("stopButton")[0];stopButton.onclick = function() {    var ta = document.getElementsByClassName("stopButton")[0];    document['player'].stopMusicExt(ta.value);    ta.value = "";};您可能仍然会收到错误document.getElementsByClassName 不是功能但是，在较旧的浏览器中，如果需要支持那些较旧的浏览器，则可以提供后备实现。

Answer 2

将getElementByClass不存在，可能要使用getElementsByClassName。但是，您可以使用其他方法（用于angular / vue / react ...模板）function stop(ta) {&nbsp; console.log(ta.value) // document['player'].stopMusicExt(ta.value);&nbsp; ta.value='';}<input type="button" onclick="stop(this)" class="stopMusic" value='Stop 1'><input type="button" onclick="stop(this)" class="stopMusic" value='Stop 2'>