代码之家 › 专栏 › 技术社区 › Sam Scolari

JS Div标记没有使用if和else语句隐藏

tags if-statement css html javascript

Sam Scolari · 技术社区 · 7 年前

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>

2 回复 | 直到 7 年前

NNguyen 7 年前

您可以尝试以下代码:

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';
    }
    //.....
  }

Pierre Tanguay 7 年前

HTML中的ID需要引号才能有效。检查员不会提示您任何错误,但不会影响ID。

<input id="snes"/>

我假设您的函数通常包装在脚本中?如果没有,那是另一个问题!

希望这有帮助:)

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前