HTML中的Track对象代表HTML
访问跟踪对象:
可以使用getElementById()方法访问跟踪对象。
此方法用于返回具有ID属性的元素。
var x = document.getElementById("Track");
创建跟踪对象:
可以使用document.createElement()方法创建跟踪对象。
此方法用于创建具有指定名称的元素节点。
var x = document.createElement("Track");
跟踪对象的属性
- 默认:它返回轨道的默认状态。
用法:
var x = document.getElementById("myTrack").Default;
- 种类:它返回轨道的kind属性的值。
用法:var x = document.getElementById("myTrack").kind;
- 标签:它返回轨道的label属性的值。
用法:var x = document.getElementById("myTrack").label;
- readyState:它返回跟踪资源的当前状态。
用法:var x = document.getElementById("myTrack").readyState;
- src:它返回轨道的src属性的值。
用法:var x = document.getElementById("myTrack").src;
- srclang:它返回轨道的srclang属性的值。
用法:var x = document.getElementById("myTrack").srclang;
- 追踪:它返回一个TextTrack对象,该对象代表轨道元素的文本轨道数据。
用法:var x = document.getElementById("myTrack").track;
例:
<html>
<head>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Track Object</h2>
<video width="300"
height="300"
controls>
<track src=
"https://contribute.geeksforgeeks.org/wp-content/uploads/11.mp4"
kind="subtitles"
srclang="en"
label="English">
<source id="myTrack"
src=
"https://contribute.geeksforgeeks.org/wp-content/uploads/11.mp4"
type="video/mp4">
<source src=
"https://contribute.geeksforgeeks.org/wp-content/uploads/11.ogg"
type="video/ogg">
Your browser does not support the video element.
</video>
<p>Click the button to get
the source of the video file.</p>
<button onclick="myFunction()">
Get Source
</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementById(
"myTrack").src;
document.getElementById(
"demo").innerHTML = x;
}
</script>
</body>
</html>
输出:
前:
后:
相关用法
- HTML Track kind用法及代码示例
- HTML Track default用法及代码示例
- HTML Track src用法及代码示例
- HTML Track srclang用法及代码示例
- HTML Track label用法及代码示例
- HTML Track readyState用法及代码示例
- HTML DOM Object用法及代码示例
- HTML DOM HTML用法及代码示例
- HTML <track> srclang属性用法及代码示例
- HTML <track> label属性用法及代码示例
- HTML <track> default属性用法及代码示例
- HTML <track> src属性用法及代码示例
- HTML <track>用法及代码示例
- HTML DOM Input Week用法及代码示例
- HTML DOM Column用法及代码示例
- HTML DOM Del用法及代码示例
- HTML DOM Embed用法及代码示例
- HTML DOM Header用法及代码示例
- HTML DOM Footer用法及代码示例
- HTML DOM Span用法及代码示例
- HTML DOM HR用法及代码示例
- HTML DOM button用法及代码示例
- HTML DOM Blockquote用法及代码示例
注:本文由纯净天空筛选整理自apeksharustagi1998大神的英文原创作品 HTML | DOM Track Object。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。