HTML DOM clear 属性

定义和用法

clear 属性设置一个元素的侧面是否允许其他的浮动元素。

语法:

  1. Object.style.clear=left|right|both|none

可能的值

描述
left 在左侧不允许浮动元素
right 在右侧不允许浮动元素
both 在左右两侧均不允许浮动元素
none 默认。允许浮动元素出现在两侧。

实例

本例不允许文本左边的浮动元素:

  1. <html>
  2. <head>
  3. <style type="text/css">
  4. img
  5. {
  6. float:left;
  7. }
  8. </style>
  9. <script type="text/javascript">
  10. function clearLeft()
  11. {
  12. document.getElementById("p1").style.clear="left";
  13. }
  14. </script>
  15. </head>
  16. <body>
  17.  
  18. <img src="logocss.gif" width="95" height="84" />
  19.  
  20. <p id="p1">This is some text. This is some text. This is some text.
  21. This is some text. This is some text. This is some text.
  22. This is some text. This is some text. This is some text.</p>
  23.  
  24. <input type="button" onclick="clearLeft()"
  25. value="Clear left side of text" />
  26.  
  27. </body>
  28. </html>