建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网页设计 > css教程 >

CSS中display各属性语法参数详解 附实例

时间:2010-09-16 23:24来源: 作者: 点击:
这里向大家描述一下HTML DOM display属性的定义和用法,HTML DOM display属性主要用来设置元素如何显示,比如当此属性值为none时,表示此元素不会被显示,而block则表示此元素将显示为块级元素,此元素前后会带有换行符。
  这里向大家描述一下HTML DOM display属性的定义和用法,HTML DOM display属性主要用来设置元素如何显示,比如当此属性值为none时,表示此元素不会被显示,而block则表示此元素将显示为块级元素,此元素前后会带有换行符。

  HTML DOM display属性定义和用法

  此属性主要用来设置元素如何显示。

  语法:

  Object.style.display=value

  可能的值

 



 

  HTML DOM display属性实例

  本例设置不显示元素:
 

  1. <html> 
  2. <head> 
  3. <script type="text/javascript">  
  4. function removeElement()   
  5. {   
  6. document.getElementById("p1").style.display="none";   
  7. }   
  8. </script>  
  9. </head>  
  10. <body>   
  11. <h1>Hello</h1> 
  12.  
  13. <p id="p1">This is some text. This is some text. This is some text.  This is some text. This is some text. This is some text.  This is some text. This is some text. This is some text.</p>   
  14. <input type="button" onclick="removeElement()" value="Do not display paragraph" />   
  15. </body>  
  16. </html>
(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片