Javascript 只有源时图像更改样式

我只想在src不为空时更改图像高度

---

使用JQuery或JavaScript，我有一个具有固定高度的图像，在chrome中，即使没有源代码，它们也始终保持空白。我希望仅在图像具有源代码时显示此高度。JQuery不是必需的，只需使用css为具有空

src

属性的图像定义零高度：

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

---

jQuery不是必需的，只需使用css为具有空

src

属性的图像定义零高度：

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

你可以用

img[src=”“]{
显示：无；
}

您可以更改高度或不显示高度。

您可以使用

img[src=”“]{
显示：无；
}

---

您可以更改高度，也可以不显示高度。

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

设置图像的ID，然后：

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

---

CSS方法要有效得多，正如其他人所回答的那样，它是正确的方法，但这也应该起作用。

如果您想使用javascript而不是CSS，您可以在任何时候尝试调用此函数来检查图像是否有源/显示图像

设置图像的ID，然后：

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

---

CSS方法要有效得多，而且是其他人回答的正确方法，但这也应该有效。

如果答案解决了问题，你应该将其标记为接受如果答案解决了问题，你应该将其标记为接受