Erstellen Sie Audio-element, das dynamisch in Javascript

Können Sie es tun, in mehrfacher Hinsicht. Hier sind einige:

Mit innerHTML

Verwenden Sie dies, wenn Sie möchten, ersetzen Sie die innere HTML, und kümmern sich nicht um Referenzen auf Elemente.

document.getElementById('song').innerHTML = '<audio id="audio-player" controls="controls" src="media/Blue Browne.mp3" type="audio/mpeg">';

Mit appendChild

Verwenden Sie dies, wenn Sie möchten, eine Verknüpfung zu Ihrem audio-element, und vielleicht auch andere Elemente, die sind schon da drin.

var sound      = document.createElement('audio');
sound.id       = 'audio-player';
sound.controls = 'controls';
sound.src      = 'media/Blue Browne.mp3';
sound.type     = 'audio/mpeg';
document.getElementById('song').appendChild(sound);

Mit insertAdjacentHTML

Verwenden Sie diese Methode, wenn Sie andere Elemente gibt, die Sie vorher verwiesen haben und behalten möchten, einen Verweis auf, aber kümmern sich nicht darum, einen Verweis auf die audio element für jetzt.

document.getElementById('song').insertAdjacentHTML('beforeend', '<audio id="audio-player" controls="controls" src="media/Blue Browne.mp3" type="audio/mpeg">');