如果源爲空，如何將id爲img的標籤設置爲false？

Question

我試圖設置img標籤的可見性，如果內部html沒有分配圖像源，則將#myComputer的ID設置爲false。

HTML

<img id="myComputer" src="assets/myComputer.png"> 

JS

var myComputer = document.getElementById('myComputer').src; 
    var myComputerVisible = true; 

    if(myComputer == ""){ 
    myComputerVisible = false; 
    }; 

當我刪除源和檢查控制檯 'myComputerVisible' 仍顯示爲 「真」 即使我刪除源在html：

<img id="myComputer" src=""> 

僅限純Javascript。請指教！謝謝！

Answer 1

使用getAttribute代替：

var myComputer = document.getElementById('myComputer').getAttribute("src"); 
 
var myComputerVisible = true; 
 
console.log("src is: " + myComputer); 
 
if (myComputer == "") { 
 
    myComputerVisible = false; 
 
}; 
 

 
console.log(myComputerVisible);

<img id="myComputer" src="">

Answer 2

請使用getAttribute獲取HTML標籤的任何屬性的值。

var myComputer = document.getElementById("myComputer").getAttribute("src");