HTML DOM中的Source src属性用于设置或返回<source>元素中src属性的值。 type属性用于指定媒体资源的UR1。
用法:
- 它返回Source的src属性。
sourceObject.src
- 它用于设置Source src属性。
sourceObject.src = URL
属性值:它包含指定媒体资源URL的单值URL。它可以是绝对URL或相对URL。
返回值:它返回一个表示媒体资源URL的字符串值。
范例1:本示例返回Source src属性。
<!DOCTYPE html>
<html>
<head>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML DOM Source src property</h2>
<audio controls>
<source id="mySource" src="gameover.wav" type="audio/mpeg">
<source src="gameover.ogg" type="audio/ogg">
</audio>
<p>Click the button to get the source/src of the audio file.</p>
<button onclick="myFunction()">
Get Src
</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementById("mySource").src;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>
输出:
在单击按钮之前:
单击按钮后:
范例2:本示例设置Source src属性。
<!DOCTYPE html>
<html>
<head>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML DOM Source src property</h2>
<audio controls>
<source id="mySource" src="gameover1.wav" type="audio/mpeg">
<source src="gameover.ogg" type="audio/ogg">
</audio>
<p>Click the button to set the source
src of the audio file.</p>
<button onclick="myFunction()">
Set Src
</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementById("mySource").type = "gameover.wav";
document.getElementById("demo").innerHTML =
"The source src has been changed to " +x;
}
</script>
</body>
</html>
输出:
在单击按钮之前:
单击按钮后:
支持的浏览器:
- 谷歌浏览器
- Firefox
- IE浏览器
- Opera
- Safari
相关用法
- HTML Source type用法及代码示例
- HTML <source>用法及代码示例
- HTML DOM Source用法及代码示例
- HTML <source> src属性用法及代码示例
- HTML <source> type属性用法及代码示例
- HTML <source> srcset属性用法及代码示例
- HTML <source> media属性用法及代码示例
- HTML DOM specified用法及代码示例
- HTML DOM id用法及代码示例
- HTML DOM dir用法及代码示例
- HTML li value用法及代码示例
- HTML DOM name用法及代码示例
- HTML Bdo dir用法及代码示例
- HTML DOM URL用法及代码示例
- HTML DOM value用法及代码示例
注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM Source src Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。