只有源时的图像更改样式

Question

我想仅在src不为空时更改图像高度 使用JQuery或JavaScript，我有一个具有固定高度的图像，并且在chrome中它们总是保留空白的地方，即使没有任何来源我想要仅在图像有源时显示此高度

Answer 1

jQuery不是必需的，只需使用css为具有空src属性的图像定义零高度：

img[src=""] {
    height: 0
}

Answer 2

您可以使用

  img[src=""] {
     display: none;
  }

您可以更改高度或不显示它..

Answer 3

如果您想使用javascript而不是CSS，只要您想检查图像是否有源/显示图像，您就可以尝试调用此函数。

为图像设置ID，然后：

function check()
  {
    if (document.getElementById("yourimgidhere").src == "")
      {
        document.getElementById("yourimgidhere").style.display = "none";
      }
      else
      {
        document.getElementById("yourimgidhere").style.display = "inline";
      }
  }

CSS方法更有效，并且正如其他人所回答的那样，这是正确的方法，但这也应该有效。