Question

我希望在发生错误时显示div，并在一切正常时隐藏，但div不会隐藏并显示JavaScript。

我的代码如下：

<script>
  function hideerror() {
    var catdiv = document.getElementById(error);
    catdiv.style.display = "none";
  }
</script>

<div class="form-item">
  <div id="error" class="hideerror" style="color:#F00">
    error occured
  </div>
</div>



<?php   
  echo '<script type="text/javascript"> hideerror(); </script>';  
?>

Answer 1

您需要在getElementById电话中引用ID：

var catdiv = document.getElementById('error');
//                                   ^     ^ quotes

如果没有引号，error将被视为变量（未定义）。

为了将来的调试，请观察浏览器的控制台（F12）。这将发出与catdiv未定义/不是对象有关的错误。

Answer 2

是这样的吗？

<html>
  <head>
   <title>Test Page</title>
  </head>
 <body>
   <button type='button' onclick='showHideErrors()' id='btnShow'>
   <div id='error' style='display:none;'>
     Error occured
   </div>

 <script type='text/javascript'>
    function showHideErrors(){
       if($('#error').is(':visible'){
         $('#error').hide();
       }else{
         $('#error').show();
       }
    }

</script>

 </body>
</html>

Div没有在php中使用javascript隐藏

2 个答案: