Question

<script language="javascript"> 
        function switchdiv() {
       var e = document.getElementById().id;
       if(e == 'Streambtn')
          document.getElementById('Stream').style.display = "block";
       else
          document.getElementById('Stream').style.display = "none";
    }
</script>

您好，

这是我的问题。当我点击时，没有任何事情发生......

我希望你能帮助我。

谢谢

编辑：

感谢您的回答zzlalani，但遗憾的是它不起作用。

这是最终的代码，希望您能帮我找到解决问题的方法。

   <div align="center">
    <input type="button" class="btn" name="Stream" value="Stream"  style="padding: 10px 20px 10px 20px; border: 0px; font-family: Play, sans-serif; font-weight: bold" onClick="switchdiv("Streambtn")"/>
    <input type="button" class="btn" name="Youtube" value="Youtube"  style="padding: 10px 20px 10px 20px; border: 0px; font-family: Play, sans-serif; font-weight: bold" onClick="switchdiv("Youtubebtn")"/>
    <input type="button" class="btn" name="LoL" value="League Of Legends"  style="padding: 10px 20px 10px 20px; border: 0px; font-family: Play, sans-serif; font-weight: bold" onClick="switchdiv("LoLbtn")"/>
    </div>
    <script language="javascript"> 
        function switchdiv(e) {
           if(e == 'Streambtn')
              document.getElementById('Stream').style.display = "block";
           else
              document.getElementById('Stream').style.display = "none";
        }
           if(e == 'Youtubebtn')
              document.getElementById('Youtube').style.display = "block";
           else
              document.getElementById('Youtube').style.display = "none";
        }
           if(e == 'LoLbtn')
              document.getElementById('LoL').style.display = "block";
           else
              document.getElementById('LoL').style.display = "none";
        }
    </script>
    <div align="center" id="Stream" hidden>
    <p>a</p>
    </div>
    <div align="center" id="Youtube" hidden>
    <p>b</p>
    </div>
    <div align="center" id="LoL" hidden>
    <p>c</p>
    </div>

Answer 1

假设您有在switchdiv

上调用click的按钮

<input type='button' onClick='switchdiv("Streambtn");' value='Stream!'>
<input type='button' onClick='switchdiv("nonStreambtn");' value='Non Stream!'>

然后它会像这样

<script language="javascript"> 
    function switchdiv(e) {
       if(e == 'Streambtn')
          document.getElementById('Stream').style.display = "block";
       else
          document.getElementById('Stream').style.display = "none";
    }
</script>

你的代码中的问题是你得到的是什么都没有..以这种方式检查

var e = document.getElementById().id;
console.log(e);

在浏览器的控制台中，您可以看到将以红色显示一些奇怪的错误

Javascript显示div功能

1 个答案: