我需要在< 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
如果您之前引用了其他元素并希望保留引用,但是暂时不关心对音频元素的引用,请使用此方法.
document.getElementById('song').insertAdjacentHTML('beforeend','<audio id="audio-player" controls="controls" src="media/Blue browne.mp3" type="audio/mpeg">');
原文地址:https://www.jb51.cc/js/150214.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。