javascript - 如果源为空，如何将 id 为 false 的 img 标签设置为 false？

Question

如果内部 html 没有分配图像源，我尝试将 id 为 #myComputer 的 img 标记的可见性设置为 false。

HTML

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

JS

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

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

当我删除源并检查控制台时，即使我删除了 html 中的源，“myComputerVisible”仍然显示为“true”:

    <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="">