HTML DOM source用法及代碼示例

HTML DOM 源對象與 HTML <source> 元素相關聯。我們可以分別使用 createElement() 和 getElementById() 方法創建和訪問源元素。

用法

以下是語法 -

創建源對象 -

var p= document.createElement("SOURCE");

示例

讓我們看一個源對象的例子 -

<!DOCTYPE html>
<html>
<body>
<h1>Source object example</h1>
<audio id="AUDIO_1" controls >
</audio>
<p>Add a audio source for the above element by clicking the below element.</p>
<button onclick="createSrc()">CREATE</button>
<p id="Sample"></p>
<script>
   function createSrc() {
      var s = document.createElement("SOURCE");
      s.setAttribute("src", "sample.mp3");
      s.setAttribute("type", "audio/mpeg");
      document.getElementById("AUDIO_1").appendChild(s);
      document.getElementById("Sample").innerHTML="The audio control will work now";
   }
</script>
</body>
</html>

輸出

這將產生以下輸出 -

單擊“創建”按鈕 -

單擊 “CREATE” -

相關用法

注：本文由純淨天空篩選整理自AmitDiwan大神的英文原創作品 HTML DOM source object。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。