问题描述
我需要在< div class =audio-playerid =song>< / div>
之间动态创建音频标签
I need to create an audio tag dynamically in between <div class="audio-player" id="song"></div>
需要创建:
< audio id = audio-playercontrols =controlssrc =media / Blue Browne.mp3type =audio / mpeg>
in:
< div class =audio-playerid =song>< / div>
请帮助它对我非常重要
in:<div class="audio-player" id="song"></div>
please help its very important for me
推荐答案
您可以通过多种方式完成此任务。以下是一些:
You can do it in multiple ways. Here are some:
使用 innerHTML
Using innerHTML
如果要替换所有内部HTML,请使用此项,而不关心元素的引用。
document.getElementById('song').innerHTML = '<audio id="audio-player" controls="controls" src="media/Blue Browne.mp3" type="audio/mpeg">';
使用 appendChild
Using 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
Using insertAdjacentHTML
如果您之前引用了其他元素且想要保留引用但不关心引用,请使用此方法现在是 audio
元素。
document.getElementById('song').insertAdjacentHTML('beforeend', '<audio id="audio-player" controls="controls" src="media/Blue Browne.mp3" type="audio/mpeg">');
这篇关于在Javascript中动态创建音频元素的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!