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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。