HTML | DOM 输入图像 src 属性

输入图像 src 属性用于设置或返回输入图像的 src 属性值。 src 属性用于指定要用作提交按钮的图像的 URL。

句法：

• 它返回 src 属性。

  imageObject.src

• 它设置 src 属性。

  imageObject.src

属性值：它包含一个单值URL ，用于指定源图像的链接。下面列出了两种类型的 URL 链接：

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

返回值：它返回一个字符串值，表示输入图像的 URL。

示例 1：此示例返回输入图像 src 属性。

  

    
        HTML DOM Input Image src Property
    

  

  
     
            GeeksForGeeks 
        
  
    DOM Input Image src Property
    
        
    
     
  
        
    
        function my_geek() {
  
            // Return formTarget, formEnctype and formAction. 
            var txt = document.getElementById(
                "myImage").src;
            document.getElementById(
                "Geek_h").innerHTML = txt;
        }
    

  

输出：
点击按钮前：

点击按钮后：

示例 2此示例设置输入图像 src 属性。

  

    
        HTML DOM Input Image src Property
    

  

  
     
            GeeksForGeeks 
        
  
    DOM Input Image src Property
    
        
    
     
  
        
    
        function my_geek() {
  
            // Return formTarget, formEnctype and formAction. 
            var txt = document.getElementById(
                "myImage").src =
"https://media.geeksforgeeks.org/wp-content/uploads/20190506164011/logo3.png";
            
            document.getElementById("Geek_h").innerHTML = txt;
        }
    

  

输出：
点击按钮前：

点击按钮后：

支持的浏览器： DOM Input Image src 属性支持的浏览器如下：

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