音频无法就绪音频“属性”未定义

Question

我的html中有这个音频标签

<!-- audio -->
    <audio>
    <source src="core/music/error.ogg" type="audio/ogg">
    <source src="core/music/error.mp3" type="audio/mpeg">
    <!-- end of audio -->
</audio>

然后这个脚本暂停音频

var audio = document.getElementsByTagName("audio")[0];
audio.pause();

但是我收到一条错误消息：“未捕获的TypeError：无法读取未定义的属性'pause'”。 任何想法或线索上面的代码有什么问题吗？

Answer 1

问题在于该元素尚未添加到DOM中，因此getElementsByTagName找不到目标audio元素。 您可以将脚本移动到body标签的末尾，也可以侦听DOMContentLoaded事件。

document.addEventListener("DOMContentLoaded", function(event) {
    var audio = document.getElementsByTagName("audio")[0];
    audio.pause();
});