HTML | DOM 源 src 属性

HTML DOM 中的 Source src 属性用于设置或返回 元素中 src 属性的值。 type 属性用于指定媒体资源的 URl。

句法：

• 它返回 Source src 属性。

  sourceObject.src

• 它用于设置 Source src 属性。

  sourceObject.src = URL 

属性值：它包含指定媒体资源的 URL 的单值URL 。它可以是绝对或相对 URL。

返回值：它返回一个字符串值，表示媒体资源的 URL。

示例 1：此示例返回 Source src 属性。

  

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

  

    GeeksforGeeks
    HTML DOM Source src property
  
    
        
  
         
    
  
    Click the button to get the source/src of the audio file.
  
    
        Get Src
    
  
    
  
    
        function myFunction() {
  
            var x = document.getElementById("mySource").src;
            document.getElementById("demo").innerHTML = x;
        }
    
  

  

                    

输出：
点击按钮前：

点击按钮后：

示例 2：此示例设置 Source src 属性。

  

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

  

    GeeksforGeeks
    HTML DOM Source src property
  
    
        
  
         
    
  
    Click the button to set the source 
         src of the audio file.
  
    
        Set Src
    
  
    
  
    
        function myFunction() {
  
            var x = document.getElementById("mySource").type = "gameover.wav";
            document.getElementById("demo").innerHTML = 
             "The source src has been changed to " +x;
        }
    
  

  
                    

输出：
点击按钮前：

点击按钮后：

支持的浏览器：

• 谷歌浏览器
• 火狐
• IE浏览器
• 歌剧
• 苹果浏览器