Question

我试图用javascript消除div。它只是不起作用。我做错了什么？

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">    
    document.getElementById("des").style.visibility = "hidden";    
</script>    

<div id="des">
  Text.
  <a href="">link</a>    
</div>

Answer 1

您正在加载DOM之前运行脚本。

如果你把脚本放在div之后，它可以正常工作

Answer 2

尝试在代码周围准备一份文档。

如果你正在加载jquery，你可以$('#des').css('visibility', 'hidden');或$('#des').hide()

<script type="text/javascript">
    $(document).ready(function(){
        $('#des').css('visibility', 'hidden');
    });
</script>

Answer 3

您正在尝试在创建之前获取id =“des”的元素。

<div id="des">
    Text.
<a href="">link</a>

</div>

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script type="text/javascript">

document.getElementById("des").style.visibility = "hidden";

</script>

这应该有用。

Answer 4

您应该将脚本包装在$(document).ready块中，因为您在加载DOM之前调用脚本。

所以，你必须这样做

<script type="text/javascript">
   $(document).ready(function() {
     document.getElementById("des").style.visibility = "hidden";
   });   
</script>

Answer 5

当我将javascript代码放在函数中并在正文加载时加载它时，这对我有用

<script>
  function func(){
    document.getElementById("der").style.visibility = "hidden";
  }
</script>

<body onload=func()>
  <div id="der">
    test
  </div>
</body>

Answer 6

为什么不使用JQuery hide()方法，因为您已经使用了JQuery，并且代码被明确地包含在$(document).ready(function(){\\some code})或$(window).load(function(){\\some code})中;

$('#des').hide()

在JS中，你可以通过

来实现

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

Answer 7

它＆＃39; S：

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

你也可以使用：

document.getElementById("des").style.display = "block";

让它再次可见。

无论如何，这是我的首选方法。

Answer 8

您需要等待文档准备就绪。尝试使用：

$( document ).ready(function() { document.getElementById("des").style.visibility = "hidden"; });

或者您可以使用JQuery：

$(documet).ready(function() { $( ".des" ).hide(); });

Answer 9

Javascript是一种基于解释器的语言，如果您想先编写脚本并稍后使用，请添加函数。

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">    
    function hideMyDiv(){
       document.getElementById("des").style.visibility = "hidden";    
    }
</script>    

<div id="des">
  Text.
  <a href="">link</a>    
</div>

<script type="text/javascript">    
   hideMyDiv();
</script>

干杯!!

尝试使用javascript消除div

9 个答案: