当前位置导航：炫浪网>>网络学院>>网页制作>>HTML与CSS教程

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

　　这里向大家描述一下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>  

 

炫 浪 学 院
上一篇：HTML学习中容易犯错的代码[图] 下一篇：详细讲解CSS中相对定位relative和绝对定位absolute
相关内容
[更多]
赞助商链接