javascript - 通过函数改变标签src

Question

我正在制作一个音频播放器脚本来更改 src=""的 <audio>标签，我不喜欢做，因为我不做轨道。

用户点击这个链接:

<a href="#play" onclick="playAudio('song.mp3');">Play</a>

然后这个接收函数:

   function playAudio(file)
    {
    var audio = file;
    }
    if(audio !== '') {
    document.getElementById('player').src = 'music/'+audio;
    }
    else {

    }

对于这个播放器:

<audio id="player" src="" controls></audio>

我试过更改脚本的不同内容，但效果不佳。

为什么它不改变音频？

Answer 1

你的函数在开头结束，因为你的右大括号 放在了错误的位置:

function playAudio(file)
    {
    var audio = file;
    }

这应该写成:

 function playAudio(file)
    {
    var audio = file;
    if(audio !== '') {
    document.getElementById('player').src = 'music/'+audio;
    }
    else {

    }
}

此外，id 不是 href，它应该是:

<a href="#play" id="play" onclick="playAudio('song.mp3');">Play</a>