HTML | DOM 跟踪对象

HTML 中的 Track 对象代表一个 HTML 元素。
访问跟踪对象：
可以使用 getElementById() 方法访问 Track 对象。
此方法用于返回具有 ID 属性的元素。

var x = document.getElementById("Track");

创建轨道对象：
可以使用 document.createElement() 方法创建 Track 对象。
此方法用于创建具有指定名称的元素节点。

var x = document.createElement("Track");

跟踪对象的属性

1. default：它返回轨道的默认状态。
   句法：

var x = document.getElementById("myTrack").Default;

1. kind：它返回轨道的 kind 属性的值。
   句法：

var x = document.getElementById("myTrack").kind;

1. label：它返回轨道的标签属性的值。
   句法：

var x = document.getElementById("myTrack").label;

1. readyState：它返回轨道资源的当前状态。
   句法：

var x = document.getElementById("myTrack").readyState;

1. src：它返回轨道的 src 属性的值。
   句法：

var x = document.getElementById("myTrack").src;

1. srclang：它返回轨道的 srclang 属性的值。
   句法：

var x = document.getElementById("myTrack").srclang;

1. track：它返回一个 TextTrack 对象，表示 track 元素的文本轨道数据。
   句法：

var x = document.getElementById("myTrack").track;

例子：

html

 

    
        body {
            text-align: center;
        }
         
        h1 {
            color: green;
        }
    

 

    GeeksforGeeks
    Track Object
 
    
       
        
       
            
       
            
      Your browser does not support the video element.
    
 
     
Click the button to get
      the source of the video file.
 
 
    
      Get Source
  
 
    
 
 
    
        function myFunction() {
            var x = document.getElementById(
              "myTrack").src;
            document.getElementById(
              "demo").innerHTML = x;
        }
    

 

输出：
前：

后：

支持的浏览器：

• 谷歌浏览器
• 火狐浏览器
• 边缘
• 苹果浏览器
• 歌剧