用getElementsByClass来写呢
时间: 2024-03-09 14:06:42 浏览: 13
当然可以使用 `getElementsByClassName` 方法来获取所有音频元素,然后进行遍历和操作。
以下是使用 `getElementsByClassName` 方法实现的示例代码:
```html
<audio class="audio-player" src="audio1.mp3"></audio>
<audio class="audio-player" src="audio2.mp3"></audio>
<audio class="audio-player" src="audio3.mp3"></audio>
<script>
const audioPlayers = document.getElementsByClassName('audio-player');
for (const player of audioPlayers) {
player.addEventListener('click', () => {
for (const player of audioPlayers) {
player.pause();
}
player.play();
});
}
</script>
```
通过 `document.getElementsByClassName('audio-player')` 方法获取所有 `class` 属性值为 `audio-player` 的元素,然后使用 `for...of` 循环进行遍历和操作。
希望这个回答能够帮助到您,如果您有任何疑问,请随时问我!