我需要在 <div class="audio-player" id="song"></div>
中动态创建一个音频标签。
需要创建的标签:
<audio id="audio-player" controls="controls" src="media/Blue Browne.mp3" type="audio/mpeg">
请帮忙添加到:
<div class="audio-player" id="song"></div>
这对我很重要,请帮帮我。
我需要在 <div class="audio-player" id="song"></div>
中动态创建一个音频标签。
需要创建的标签:
<audio id="audio-player" controls="controls" src="media/Blue Browne.mp3" type="audio/mpeg">
请帮忙添加到:
<div class="audio-player" id="song"></div>
这对我很重要,请帮帮我。
你可以用多种方式来实现。以下是其中一些:
使用 innerHTML
如果您想替换所有的内部 HTML,并且不关心对元素的引用,请使用此方法。
document.getElementById('song').innerHTML = '<audio id="audio-player" controls="controls" src="media/Blue Browne.mp3" type="audio/mpeg">';
使用appendChild
如果您想要引用您的音频元素和已经存在于其中的其他元素,可以使用此方法。
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);
使用 insertAdjacentHTML
如果您之前引用了其他元素并希望保留对它们的引用,但现在不关心对 audio
元素的引用,请使用此方法。
document.getElementById('song').insertAdjacentHTML('beforeend', '<audio id="audio-player" controls="controls" src="media/Blue Browne.mp3" type="audio/mpeg">');