手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >元素未显示设置width/height时IE中使用currentStyle获取为auto
元素未显示设置width/height时IE中使用currentStyle获取为auto
摘要:我们知道获取元素的实际宽高在IE中可以使用currentStyle属性。但如果没有显示的去设置元素的宽高,那么使用该属性将获取不到,获取的值...

我们知道获取元素的实际宽高在IE中可以使用currentStyle属性。但如果没有显示的去设置元素的宽高,那么使用该属性将获取不到,获取的值为auto。如下

复制代码 代码如下:

<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>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

【元素未显示设置width/height时IE中使用currentStyle获取为auto】相关文章:

Javascript 字符串模板的简单实现

打造个性化的Select(可编辑)

在页面中输出当前客户端时间javascript实例代码

可拖动窗口,附带鼠标控制渐变透明,开启关闭功能

简介JavaScript中用于处理正切的Math.tan()方法

JavaScript窗口功能指南之在窗口中书写内容

两表格传递变量

javascript获取文档坐标和视口坐标

自适应图片大小的弹出窗口

iscroll.js的上拉下拉刷新时无法回弹的解决方法

精品推荐
分类导航