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;

我收到以下错误： ＆＃39;文件＆＃39;没有被定义[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);

演示

＆＃13;

＆＃13;

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);

＆＃13;

＆＃13;

＆＃13;