JavaScript定义变量问题

Question

我试图在JavaScript中声明一个新的音频元素。 这是我写的。

//Creating audio object
var audio = document.createElement("AUDIO");
audio.src = '/beats/vibe/lofi2.wav';
audio.controls = true;
audio.loop = false;
audio.autoplay = false;

我收到以下错误：未定义'文档'[no-undef]

任何有关为什么这行不通的线索？ 谢谢！

Answer 1

尝试使用window.document 。 更换

var audio = document.createElement("AUDIO");

与

var audio = window.document.createElement("AUDIO");

或者在某些情况下，我们还可以在脚本文件顶部包含/*global document require*/ 。 这将确保document可用于脚本。

Answer 2

必须将对象插入DOM。 制作完音频标签后，请使用：

document.body.appendChild(audio);

演示版

 var audio = document.createElement("AUDIO"); audio.src = 'https://vocaroo.com/media_command.php?media=s1XsCD8OHZPI&command=download_mp3' audio.controls = true; audio.loop = false; audio.autoplay = false; document.body.appendChild(audio);