javascript - 在页面的某些部分显示具有ID的图像，但在页面的其他地方则不显示

我想使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标签？任何想法都欢迎。

最佳答案

这里有一些问题。首先，您的函数接受一个名为“ switchImgTag”的变量，但随后它似乎正在检查该变量“ switchView”的值，在代码段的其他位置我都没有看到该变量的定义，因此我认为这是一个错误。其次，getElementById完全按照您的想法进行操作-通过其ID获取元素。 EleID.style.display =“ none”不是ID，因此无法使用。
  最后，我无法确定是否没有看到您的HTML，但似乎您对多个图像使用了相同的ID，这确实是个坏主意，因此我将首先纠正该错误。