的Javascript顯示DIV功能

<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>

你好，的Javascript顯示DIV功能

這裏是我的問題。當我點擊時，什麼都沒有發生......

我希望你能幫助我。

謝謝

編輯：

謝謝您的回答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>

來源

2013-10-10 Zanmyr

如何激發'switchdiv（）'函數？ – Peter

'var e = document.getElementById（）。id;'，您需要將'id'傳遞給'document.getElementById（）'以檢索一個元素。這就是說，你正在檢索一個'id'（用它的'id'）來*找到它的'id' *？ –

你可以發表你點擊的HTML代碼嗎？你叫'switchDiv（）'函數？ – 2013-10-10 19:49:38

讓說你有按鈕調用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);

在瀏覽器的控制檯中，您可以看到將顯示一些奇怪的紅色錯誤

來源

2013-10-10 19:56:02 zzlalani

的Javascript顯示DIV功能

回答

相關問題