자바 스크립트가 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>

안녕하세요보기,자바 스크립트가 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;', 요소를 검색하기 위해서는'document.getElementById()'에'id'를 전달해야합니다. 즉,'id' *를 찾기 위해'id'를 검색 중입니다. –

u를 클릭하면 html 코드를 게시 할 수 있습니까? 'switchDiv()'함수를 호출합니까? –

하자 당신이 호출 버튼이 말을 switchdiv 다음

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

문제처럼가는 것입니다 당신이 아무것도의 값을 받고있다 click에 .. 이런 방식으로 확인하십시오.

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

브라우저의 콘솔에서 빨간색으로 표시되는 이상한 오류가 표시 될 수 있습니다.

출처

2013-10-10 19:56:02 zzlalani

자바 스크립트가 DIV 기능

답변

관련 문제