元素未显示设置width/height时IE中使用currentStyle获取为auto
2014-05-04 00:00
429 查看
我们知道获取元素的实际宽高在IE中可以使用currentStyle属性。但如果没有显示的去设置元素的宽高,那么使用该属性将获取不到,获取的值为auto。如下
IE6/7/8/9中输出的都是auto。如果显示的设置了宽高,那么输出的就是实际宽高。如下
1,通过内联style属性设置
2,通过页面嵌入style标签设置
都将输出:100px,50px
<div>abcd</div> <script> var div = document.getElementsByTagName('div')[0]; alert(div.currentStyle.width); alert(div.currentStyle.height); </script>
IE6/7/8/9中输出的都是auto。如果显示的设置了宽高,那么输出的就是实际宽高。如下
1,通过内联style属性设置
<div style="width:100px;height:50px;">abcd</div> <script> var div = document.getElementsByTagName('div')[0]; alert(div.currentStyle.width); alert(div.currentStyle.height); </script>
2,通过页面嵌入style标签设置
<style>
div {
width: 100px;
height: 50px;
}
</style><div>abcd</div> <script> var div = document.getElementsByTagName('div')[0]; alert(div.currentStyle.width); alert(div.currentStyle.height); </script>
都将输出:100px,50px
相关文章推荐
- IE6-8中Date不支持toISOString的修复方法
- 将HTML的左右尖括号等转义成实体形式的两种实现方式
- 动态创建script在IE中缓存js文件时导致编码的解决方法
- jquery中的ajax方法怎样通过JSONP进行远程调用
- Extjs 4.x 得到form CheckBox 复选框的值
- javascript实现2048游戏示例
- 自己用jQuery写了一个图片的马赛克消失效果
- jquery实现的鼠标拖动排序Li或Table
- 用jquery.sortElements实现table排序
- javascript如何使用bind指定接收者
- javascript操作excel生成报表全攻略
- javascript 获取元素样式必杀技
- IE 下Enter提交表单存在重复提交问题的解决方法
- oracle如何恢复被覆盖的存储过程
- Oracle MERGE INTO的用法示例介绍
- Ratchet教程:创建项目
- 虚拟主机测评:盘点6个选择虚拟主机常犯的错误
- discuz ucenter 密码忘记了找回密码方法
- c++ server example
- c++ client example