Home > Article > Web Front-end > How to clear the floating label in javascript
How to clear the floating label in javascript
- 青灯夜游Original
- 2021-06-23 16:40:011688browse
In javascript, you can use the cssFloat property of the Style object to clear the float of the label. This property sets where the text or image floats in another element. When the value is set to "none", the float can be cleared. , the syntax format is "element object.style.cssFloat="none"".
The operating environment of this tutorial: windows7 system, javascript version 1.8.5, Dell G3 computer.
How to use javascript to clear the floating label?
You can use the cssFloat property of the HTML DOM Style object.
<!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>Rendering:
Description:
cssFloat attribute sets the text or image to appear (float) in somewhere in another element.
Syntax:
Object.style.cssFloat=left|right|none
| Value | Description |
|---|---|
| left | Image or text floats to the left of the parent element. |
| right | The image or text floats to the right of the parent element. |
| none | The image or text float appears at the position where it would appear within the parent element. |
[Related recommendations: javascript learning tutorial]
The above is the detailed content of How to clear the floating label in javascript. For more information, please follow other related articles on the PHP Chinese website!