Простой javascript скрывает функцию содержимого не работает

Что не так с моим кодом? Когда я нажимаю кнопку «Показать/Скрыть», ничего не происходит.Простой javascript скрывает функцию содержимого не работает

<html> 
    <head> 
    <title>Test</title> 

    <script type="text/javascript"> 
     function hidecontent(){ 
      document.getElementById("content").style.display = "none;"; 
     } 
    </script> 

    <style type="text/css"> 
     #content{ 
      border: 1px solid #003333; 
      background-color: #000033; 
      color: #ffffff; 
      height: 500px; 
      width: 500px; 
      text-align: center; 
      display: block; 
     } 
    </style> 

    </head> 

    <body> 
     <form> 
      <input type="button" value="Hide/Show" onclick="hidecontent()" /> 
     </form> 

     <?php 
      echo '<div id="content">Hello world!</div>'; 
     ?> 
    </body> 
</html>

источник

2010-11-02 William

document.getElementById ("content"). Style.display = "none;";

, пожалуйста, удалите точки с запятой после того, как нет.

источник

2010-11-02 05:58:13

Ah. Большое спасибо!^_^ – William

Крысы AHHH! Хорошая работа Сушил, вы получаете пони. :) – Ben

У вас есть точка с запятой после none.

источник

2010-11-02 05:59:12 Ben

Проблема здесь:

document.getElementById("content").style.display = "none;"; 
                 ^
        ------------------------------------|

Должно быть:

document.getElementById("content").style.display = "none";

Если вы действительно хотите, чтобы показать/скрыть DIV (как кнопка value шоу), ваша функция должна выглядеть следующим образом :

function hidecontent(){ 
     var ds = document.getElementById("content"); 

     if (ds.style.display === 'block'){ 
      ds.style.display = 'none'; 
     } 
     else { 
      ds.style.display = 'block'; 
     } 
    }

источник

2010-11-02 05:59:22 Sarfraz

Простой javascript скрывает функцию содержимого не работает

ответ

Смежные вопросы