javascript - getElementByIdの代わりにcreateElementを使用してオーディオ要素を動的に作成します

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)+"\">";