mui开发记录（七）动态改变audio标签的播放源

效果图

代码如下

<div class="tan">
				<div id="audio"></div>
				<div class="play_b">
					<div class="y1" >
						<button type="button" onclick="play(1)" id="y1">1</button>
					</div>
					<div class="y2" >
						<button type="button" onclick="play(2)" id="y2">2</button>
					</div>
					<div class="y3" >
						<button type="button" onclick="play(3)" id="y3">3</button>
					</div>
					<div class="y4" >
						<button type="button" onclick="play(4)" id="y4">4</button>
					</div>
					<div class="y5" >
						<button type="button" onclick="play(5)" id="y5">5</button>
					</div>
					<div class="y6" >
						<button type="button" onclick="play(6)" id="y6">6</button>
					</div>
					<div class="y7" >
						<button type="button" onclick="play(7)" id="y7">7</button>
					</div>	
				</div>
			</div>
			<script>
				function play(str){
					document.getElementById("audio").innerHTML='<audio autoplay="autoplay"><source type="audio/mp3" src="fonts/'+str+'.wav"></source></audio>';
						
				}
			</script>