檢查HTML IMG SRC是空的使用javascript

我想學習JavaScript，這裏是我解決不了的問題。我有這樣的HTML標記檢查HTML IMG SRC是空的使用javascript

<img id="img1" src="" class="img-thumbnail" style="display:none;" /> 
    <input id="addimg" type="button" value="Save URL" onclick='SaveUrl()'/>

使用JavaScript我要檢查如果圖像信號源爲空，這裏有一個Javascript功能：

function SaveUrl() { 
    var url = document.getElementById("ImageUrl").value; 
    SaveImgUrl(url); 
    ClearUrl(); 
} 

function SaveImgUrl(url) { 
     var img = document.getElementById("img1"); 
     if (img.src.length == 0) { 
      img.src = url; 
      img.style = "block"; 
     }

問題是，如果語句時，源值爲「」（「但沒有按如果img.src ==）我也嘗試過」我的意思是它返回false也沒有幫助。我也知道有jQuery的通過提供simplier解決方案，但我想用簡單的JavaScript來解決它，而無需使用任何框架..請幫助:)

來源

2017-04-12 Geoman

你必須使用getAttribute函數來獲取SRC像這樣：

<script> 
 
function checkSRC() 
 
{ 
 
    var elem = document.getElementById('img1'); 
 
    if(elem.getAttribute('src') == "") 
 
    { 
 
    alert("empty"); 
 
    } 
 
    else 
 
    { 
 
    alert("HAS a value"); 
 
    } 
 
} 
 
</script> 
 
<img id="img1" src="" class="img-thumbnail"/> 
 
<button onClick="checkSRC();">CHECK SRC</button>

，如果它的值都將：

<script> 
 
function checkSRC() 
 
{ 
 
    var elem = document.getElementById('img1'); 
 
    if(elem.getAttribute('src') == "") 
 
    { 
 
    alert("empty"); 
 
    } 
 
    else 
 
    { 
 
    alert("HAS a value"); 
 
    } 
 
} 
 
</script> 
 
<img id="img1" src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg" class="img-thumbnail"/> 
 
<button onClick="checkSRC();">CHECK SRC</button>

來源

2017-04-12 16:54:53

非常感謝，我用你的幫助解決了我的問題。 – Geoman

我想但不知道如何，我覺得我還沒有足夠的聲望呢。 – Geoman

是的，剛剛發現它再次感謝:) – Geoman

更改您的if語句來此

function SaveImgUrl(url) { 
    var img = document.getElementById("img1"); 
    if (!img.src || !img.src.length || img.src.length === 0) { 
     img.src = url; 
     img.style = "block"; 
    }

你沒有檢查src是否不存在，因此無法檢查長度。

來源

2017-04-12 16:53:27 camccar

你需要檢查它是否有值，如果是，值是否只包含白色字符

if ((!img.src) || (!img.src.trim()))

來源

2017-04-12 16:55:53

檢查HTML IMG SRC是空的使用javascript

回答

相關問題