为什么脚本不识别空src？

Question

我有这段代码检查img src是否为空：

 if (document.getElementById('featuredIconImage348790').src == "") {
 document.getElementById('featuredIconImage348790').style.display = 'none';
  }

src是空的，但代码不会隐藏图像？我错过了一个问题吗？

Answer 1

尝试改为使用getAttribute()：

if (document.getElementById('featuredIconImage348790').getAttribute('src') == "" ){
     document.getElementById('featuredIconImage348790').style.display = 'none';
}

如果您没有src属性，请执行以下操作：

<img id="featuredIconImage348790" />

您必须设置== null之类的条件，因为getAttribute()方法将返回null。

如果您有空src属性，请执行以下操作：

<img id="featuredIconImage348790" src=""/>

您可以创建检查是否为空== ""的条件。

希望这有帮助。

Answer 2

src的{​​{1}}被认为是相对的 - 在这种情况下是一个相对空的字符串，因此它会以主机名为前缀，如下面的代码段所示。试试img。

getAttribute('src')

document.write('"' + document.getElementById('featuredIconImage348790').src + '"');
document.write('<br>');
document.write('"' + document.getElementById('featuredIconImage348790').getAttribute('src') + '"');