将一个html dom元素隐藏有哪些方式

将一个html dom元素隐藏有哪些方式,第1张

有2种方法

第一种:设置css

display属性为none,效果:元素不显示,不占位

第二种:设置css

visibility属性为hidden,效果:元素不显示,但占位

再看看别人怎么说的。

<html>

<head>

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<title></title>

<script src="

http://code.jquery.com/jquery-1.4.1.min.js"></script

>

<script>

 $(document).ready(function(){

  $("#display").click(function(){

   $("#areaDiv").hide()

  })

  $("#show").click(function(){

   $("#areaDiv").show()

  })

 })

</script>

</head>

<body>

 <input type="button" value="隐藏" id="display"/>

 <input type="button" value="显示" id="show"/>

 <div id="areaDiv" style="width:200px height:200px background:red">

 </div>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11315071.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存