HTML DOM Image src 属性

HTML DOM Image src 属性用于设置或返回 元素的 src 属性的值。该属性用于指定图像的 URL。

句法：

• 返回图像 src 属性。

  imageObject.src

• 设置图像 src 属性。

  imageObject.src = URL

属性值：它包含一个值 URL，用于指定嵌入在图像中的文档的 URL。下面列出了两种类型的 URL 链接：

• 绝对 URL：它指向另一个网页。
• 相对 URL：指向同一网页的其他文件。

返回值：返回一个字符串值，代表图片的URL。

示例：下面的代码返回 src 属性。

HTML

  

    
        
            GeeksforGeeks
        
  
        HTML DOM Image src Property
  
        
        
  
        
            Click me!
        
  
        
  
    
  
    
        function Geeks() {
            var g = document.getElementById("GFG").src;
            document.getElementById("sudo").innerHTML = g;
        }
    

  

输出：

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

HTML

  

    
        GeeksforGeeks
        HTML DOM Image src Property
        
        
        Click me!
        
  
    
  
    
        function Geeks() {
          var g = document.getElementById("GFG").src =
"https://media.geeksforgeeks.org/wp-content/uploads/20210915115837/gfg3-300x300.png"
            document.getElementById("sudo").innerHTML = g;
        }
    
  

  

输出：

支持的浏览器：

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