“ 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) {

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

  ta.value='';

}

<input type="button" onclick="stop(this)" class="stopMusic" value='Stop 1'>

<input type="button" onclick="stop(this)" class="stopMusic" value='Stop 2'>