JS基础——styleFloat和cssFloat的区别

最新推荐文章于 2022-08-04 10:20:25 发布

波克比520

最新推荐文章于 2022-08-04 10:20:25 发布

阅读量2.3k

点赞数

分类专栏： javascript 文章标签： js

本文链接：https://blog.csdn.net/u011175410/article/details/40587587

版权

javascript 专栏收录该内容

55 篇文章

订阅专栏

本文介绍了一种在JavaScript中实现元素浮动效果的兼容性写法，针对不同浏览器和IE版本提供了styleFloat和cssFloat两种属性设置方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JS基础——styleFloat和cssFloat的区别</title>
<style>
#div1{ width:100px; height:100px; border:1px solid #ccc; background:#f4f4f4;}
</style>
<script>
window.onload = function(){
	var oDiv = document.getElementById('div1');
	oDiv.style.styleFloat = 'right';  //兼容ie6~8
	oDiv.style.cssFloat = 'right';	  //兼容标准浏览器以及ie9以上
};
</script>
</head>

<body>
<div id="div1"></div>
</body>
</html>

JS中float的兼容性写法

ie6~8下：style.styleFloat
FF/chrome 以及ie9以上：style.cssFloat