javascript中怎么清除標(biāo)簽浮動(dòng),相信很多沒有經(jīng)驗(yàn)的人對(duì)此束手無策,為此本文總結(jié)了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個(gè)問題。
創(chuàng)新互聯(lián)主營三水網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,手機(jī)APP定制開發(fā),三水h5小程序定制開發(fā)搭建,三水網(wǎng)站營銷推廣歡迎三水等地區(qū)企業(yè)咨詢
在javascript中,可以利用Style對(duì)象的cssFloat屬性來清除標(biāo)簽的浮動(dòng),該屬性設(shè)置文本或圖像浮動(dòng)在另一個(gè)元素中的什么地方,當(dāng)值設(shè)置為“none”時(shí)可清除浮動(dòng),語法格式“元素對(duì)象.style.cssFloat="none"”。
怎么利用javascript清除標(biāo)簽的浮動(dòng)?
可以使用HTML DOM Style 對(duì)象的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="去除浮動(dòng)" />
</body>
</html>效果圖:

說明:
cssFloat 屬性設(shè)置文本或圖像出現(xiàn)(浮動(dòng))在另一個(gè)元素中的什么地方。
語法:
Object.style.cssFloat=left|right|none
| 值 | 描述 |
|---|---|
| left | 圖像或文本浮動(dòng)在父元素的左邊。 |
| right | 圖像或文本浮動(dòng)在父元素的右邊。 |
| none | 圖像或文本浮動(dòng)顯示在它在父元素中出現(xiàn)的位置。 |
看完上述內(nèi)容,你們掌握javascript中怎么清除標(biāo)簽浮動(dòng)的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
文章題目:javascript中怎么清除標(biāo)簽浮動(dòng)
新聞來源:http://www.yijiale78.com/article36/pjdosg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供虛擬主機(jī)、全網(wǎng)營銷推廣、軟件開發(fā)、網(wǎng)站制作、微信小程序、面包屑導(dǎo)航
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)