div没有在php中使用javascript隐藏[关闭]答案

【问题标题】：Div are not hiding using javascript in php [closed]div没有在php中使用javascript隐藏[关闭]
【发布时间】：2014-06-05 10:53:12
【问题描述】：

我想在发生错误时显示 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>';  
?>

【问题讨论】：

你也可以这样做 - $('#error').hide()
这个echo '<script type=... ..的目的是什么？

标签： javascript php jquery html css

【解决方案1】：

您需要在getElementById 调用中引用ID：

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

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

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

【讨论】：

【解决方案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>

【讨论】：