javascript - JS Div 标签没有隐藏在 if 和 else 语句中

Question

function nes(){
    if (document.getElementById('nes').style.display == 'block'){
      document.getElementById('nes').style.display = 'none';
    }

    else if (document.getElementById('snes').style.display == 'block') {
      document.getElementById('snes').style.display = 'none';
    }

    else if (document.getElementById('gba').style.display == 'block') {
      document.getElementById('gba').style.display = 'none';
    }

    else if (document.getElementById('sega').style.display == 'block') {
      document.getElementById('sega').style.display = 'none';
    }

    else if (document.getElementById('flash').style.display == 'block') {
      document.getElementById('flash').style.display = 'none';
    }

    else if (document.getElementById('n64').style.display == 'block') {
      document.getElementById('n64').style.display = 'none';
    }

    else if (document.getElementById('all').style.display == 'block') {
      document.getElementById('all').style.display = 'none';
    }

    document.getElementById('snes').style.display = 'block';

  }

  <input id=nesdot type="image" src="C:\Users\Me\Documents\Website\Assets\Home Page\selection dot.png", onclick='nes()'/>

  <div id=nes>
    <input type="image" src="C:\Users\Sam Scolari\Documents\Totally Not An Arcade\Assets\Home Page\Adjusted Logos\NES.png"/>
  </div>

  <div id=all>
    <input type="image" src="C:\Users\Sam Scolari\Documents\Totally Not An Arcade\Assets\Home Page\Adjusted Logos\A2Z.png"/>
  </div>

我正在尝试用 javascript 替换 div 标签中的图片。当我单击按钮时，它似乎跳过了所有 if 和 else 语句，直接转到函数末尾的单个命令。语句的语法有问题吗？它通过将下一张图片直接添加到应该被替换的图片下方来输出到我的网站。有任何想法吗？谢谢。

Answer 1

你可以试试这段代码:

function nes(){
    var elem = document.getElementById('nes');
    var displayStyleNes = null;
    if (elem.style.display) {
        displayStyleNes = elem.style.display;
    } else if (elem.currentStyle) {
        displayStyleNes = elem.currentStyle.display;
    } else if (window.getComputedStyle) {
    displayStyleNes = window.getComputedStyle(elem, null).getPropertyValue("display");

    if (displayStyleNes === 'block'){
        document.getElementById('nes').style.display = 'none';
    }
    //.....
  }