PROSAGA码农传奇-src-用按钮在歌曲之间交换

<div class =“post-text”itemprop =“text”>
  <P>
    虽然你可以设置
     <code>
      .src
    </code>
     与相对路径（喜欢
     <code>
      "Untitled/10%20Sisyphus.mp"
    </code>
    ），访问
     <code>
      .src
    </code>
     物业会给你
    <EM>
      充分
    </EM>
     路径：
  </p>
  <P>
  </p>
  <div class =“snippet”data-lang =“js”data-hide =“false”data-console =“true”data-babel =“false”>
    <div class =“snippet-code”>
       <pre class="snippet-code-js lang-js prettyprint-override">
        <code>
          const song = document.getElementById("song");
song.src = "test.mp3";
console.log(song.src);
        </code>
      </pre>
       <pre class="snippet-code-html lang-html prettyprint-override">
        <code>
          <audio id="song" controls src="Untitled/10%20Sisyphus.mp3"></audio>
        </code>
      </pre>
    </DIV>
  </DIV>
  <P>
  </p>
  <P>
    因此，您只需要用完整路径替换测试，例如：
  </p>
   <pre>
    <code>
      function myFunction() {
  if (document.getElementById("song").src === "https://example.com/Untitled/10%20Sisyphus.mp3") {
    // ...

</code>
  </pre>
  <P>
    实时片段（工作HTML，但没有实际声音）：
  </p>
  <P>
  </p>
  <div class =“snippet”data-lang =“js”data-hide =“false”data-console =“true”data-babel =“false”>
    <div class =“snippet-code”>
       <pre class="snippet-code-js lang-js prettyprint-override">
        <code>
          function myFunction() {
  const song = document.getElementById("song");
  const songname = document.getElementById("songname");
  if (song.src === "https://stacksnippets.net/Untitled/10%20Sisyphus.mp3") {
    songname.innerHTML = "listening to track03.mp3";
    song.src = "test.mp3";
  } else {
    songname.innerHTML = "Listen to Sisyphus by Have A Nice Life";
    song.src = "Untitled/10%20Sisyphus.mp3";
  }
}
        </code>
      </pre>
       <pre class="snippet-code-html lang-html prettyprint-override">
        <code>
          <div id="audioplayer">
  <p id="songname">Listen to Sisyphus by Have A Nice Life</p>
  <audio id="song" controls src="Untitled/10%20Sisyphus.mp3">
                Your browser does not support the
                <code>audio</code> element.
            </audio>
</div>

<button onclick="myFunction()">Click to change songs</button>
        </code>
      </pre>
    </DIV>
  </DIV>
  <P>
  </p>
</DIV>