javascript - 在页面的特定部分显示带有 id 的图像，但在页面的其他部分不显示

Question

我想让id为EleId的图片显示在页面的某个部分，但不显示在其他地方。这样做的方法是什么？提前致谢。

<script type="text/javascript">
function toggleView(switchView) {
  if (switchView == "list") {
    document.getElementById(EleId).style.display = "none";
  }
  else if (switchView == "thumbs") {
    document.getElementById(EleId).style.display = "block";
  }
}
</script>

使用上面的代码会导致带有 EleId 的图像在页面上随处隐藏和显示。

也许我希望受此代码影响的区域使用 DIV 标签？欢迎任何想法。

Answer 1

这里有一些问题。首先，您的函数接受一个名为“switchImgTag”的变量，但随后它似乎正在检查变量“switchView”的值，我没有在您的代码片段的其他地方看到它的定义，所以我认为这是一个错误。其次，getElementById 完全按照您的想法进行 - 通过元素的 ID 获取元素。 EleID.style.display = "none"不是一个 ID，所以它不起作用。
最后，如果没有看到您的 HTML，我无法确定，但您似乎对多张图片使用了相同的 ID，这是一个非常糟糕的主意，所以我会首先更正这一点。