我想在以下脚本中使用class而不是id。
我想要mp3列表，每个列表都有对应的按钮，但是当我单击任何播放按钮时，它会播放第一个mp3。
<!DOCTYPE html>
<html>
<body>
<button onclick="playVid()" type="button">Play</button>
<audio controls id="video1" style="display: none;">
<source src="http://localhost/astrorecords/wp-content/uploads/2014/05/280.mp3" type="audio/mp3">
</audio>
<script>
var myVideo=document.getElementById("video1");
function playVid() {
myVideo.play();
var obj = document.getElementById("video1");
if (obj) {
obj.style.display='block';
}
}
</script>
</body>
</html>
最佳答案
您可以使用 document.getElementsByClassName() 代替document.getElementById():
var myVideo = document.getElementsByClassName("video1")[0];
function playVid() {
myVideo.play();
var obj = document.getElementsByClassName("video1")[0];
if (obj) {
obj.style.display = 'block';
}
}
Fiddle Demo
关于javascript - 如何在JavaScript中使用类别而不是ID，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23691997/