HTML | DOM 源对象

HTML 中的Source 对象代表一个 HTML 元素。可以使用getElementById()访问元素，可以使用document.createElement()方法创建元素。

源对象的属性：

• media：返回元素中媒体属性的值。
• src：返回元素中 src 属性的值。
• type：返回元素中 type 属性的值。

示例 1：访问源对象

  

    
        body {
            text-align: center;
        }
          
        h1 {
            color: green;
        }
    
  
  
  
        
            GeeksforGeeks
            HTML DOM Source Object
            An example of accessing a source element
  
            
                
                
                 
              Your browser does not support the audio element.
            
  
            Click the button to get the 
              location of the audio file.
  
            
              Get Source
           
  
            
  
            
                function myFunction() {
                    
                    var x = document.getElementById(
                      "mySource").src;
                    document.getElementById(
                      "demo").innerHTML = x;
                }
            
  
        
  

输出：

示例 2：创建源对象。

  

    
        body {
            text-align: center;
        }
          
        h1 {
            color: green;
        }
    
  
    
  
        
            GeeksforGeeks
            HTML DOM Source Object
            
            An example of creating a source element
          
            
            Click the button to create the source element.
          
  
            
              Your browser does not support 
              the audio element.
            
            
  
            
  
            
              Create
          
  
            
                function myFunction() {
                    
                    var x = document.createElement("SOURCE");
                    x.setAttribute("src", "gameover.wav");
                    x.setAttribute("type", "audio/mpeg");
                    document.getElementById(
                      "myAudio").appendChild(x);
  
                    var y = document.createElement("SOURCE");
                    y.setAttribute("src", "gameover.ogg");
                    y.setAttribute("type", "audio/ogg");
                    document.getElementById("myAudio").appendChild(y);
                    document.getElementById("demo").innerHTML = 
                      "The audio player now works.";
                }
            
  
        
  

输出：

支持的浏览器：

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