web前端

Question

一个a标签里面有src=“a.mp3” 一个audio标签里面有src=“b.mp3” 怎么用js点击链接获取a标签的src然后改变audio的src

Answer 1

<a href="" data-src="a.mp3" id="link">点击我</a>
<audio src="b.mp3" id="music">这里是音乐</audio>

<script type="text/javascript">
	var link = document.getElementById("link");
	var music = document.getElementById("music");
	link.addEventListener('click', function (e) {
		e.preventDefault();
		music.src = link.getAttribute("data-src");
	})
</script>