javascript - 使用 createElement 而不是 getElementById 动态创建音频元素

Question

我有一些像这样运行的javascript：

document.getElementById("audio").innerHTML = ("<audio id=\"player\" src=\"data:audio/x-wav;base64,"+encode64(wav)+"\">");
return document.getElementById("player");

我想把它改成这样：

audio = document.createElement("audio");
audio.src = "data:audio/x-wav;base64,"+encode64(wav)+"\">";
document.body.appendChild(audio);
return audio;

但是，这不是以同样的方式工作的。为什么这在返回带有play方法的元素时本质上不等效？

Answer 1

src不应该有关闭标签部分：

//                                                  ↓↓↓↓↓↓
audio.src = "data:audio/x-wav;base64,"+encode64(wav)+"\">";

Answer 2

最后补充"\">"。

audio.src = "data:audio/x-wav;base64,"+encode64(wav)+"\">";