javascript怎麼清除標籤的浮動
- 青灯夜游原創
- 2021-06-23 16:40:011705瀏覽
在javascript中，可以利用Style物件的cssFloat屬性來清除標籤的浮動，該屬性設定文字或圖像浮動在另一個元素中的什麼地方，當值設定為「none」時可清除浮動，語法格式「元素物件.style.cssFloat="none"」。
本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
怎麼利用javascript清除標籤的浮動？
可以使用HTML DOM Style 物件的cssFloat 屬性。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
#content{
border:2px solid lime;
}
#left1{
width:100px;
height:150px;
border:5px solid red;
float:left;
}
#left2{
margin-left:120px;
width:200px;
height:100px;
background:#ccc;
}
</style>
<script type="text/javascript">
function deleteFloat()
{
document.getElementById("left1").style.cssFloat="none";
}
</script>
</head>
<body>
<div id="content">
<div id="left1"></div>
<div id="left2"></div>
</div> <br />
<input type="button" onclick="deleteFloat()"value="去除浮动" />
</body>
</html>效果圖：
說明：
cssFloat 屬性設定文字或圖像出現（浮動）在另一個元素中的什麼地方。
語法：
Object.style.cssFloat=left|right|none
| 值 | #描述 |
|---|---|
| left | 圖像或文字浮動在父元素的左邊。 |
| right | 圖像或文字浮動在父元素的右邊。 |
| none | 圖像或文字浮動顯示在它在父元素中出現的位置。 |
【相關推薦：javascript學習教學#】
以上是javascript怎麼清除標籤的浮動的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn