微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

元素未显示设置width/height时IE中使用currentStyle获取为auto_javascript技巧

php中文网
发布： 2016-05-16 16:50:14
原创
1421人浏览过

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

LobeHub
LobeHub

LobeChat brings you the best user experience of ChatGPT, OLLaMA, Gemini, Claude

LobeHub 201
查看详情 LobeHub
复制代码 代码如下:

abcd

<script> <BR>var div = document.getElementsByTagName('div')[0]; <BR>alert(div.currentStyle.width); <BR>alert(div.currentStyle.height); <BR></script>

IE6/7/8/9中输出的都是auto。如果显示的设置了宽高，那么输出的就是实际宽高。如下

1，通过内联style属性设置
复制代码 代码如下:

abcd

<script> <BR>var div = document.getElementsByTagName('div')[0]; <BR>alert(div.currentStyle.width); <BR>alert(div.currentStyle.height); <BR></script>

2，通过页面嵌入style标签设置
复制代码 代码如下:


abcd

<script> <BR>var div = document.getElementsByTagName('div')[0]; <BR>alert(div.currentStyle.width); <BR>alert(div.currentStyle.height); <BR></script>

都将输出：100px，50px

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：javascript如何使用bind指定接收者_javascript技巧 下一篇：自己使用js/jquery写的一个定制对话框控件_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
优化 Playwright 元素相对定位策略 本文深入探讨了Playwright中优化元素定位的策略，尤其是在需要根据其他元素进行相对定位的场景。通过分析传统XPath向上导航的缺点，文章重点介绍了如何利用Playwright提供的filter()方法结合语义化定位器（如getByTestId和getByRole）来构建更健壮、可读性更强的定位器，从而避免对DOM结构过度依赖，提升测试代码的稳定性和可维护性。
2025-11-22 14:28:51
387
pywebview环境下Paper.js绘图失效的排查与解决方案 在pywebview应用中，Paper.js路径未能正确渲染通常是由于本地脚本加载方式不当所致。本文将深入探讨这一问题，并提供通过CDN加载Paper.js的解决方案。通过将本地脚本路径替换为CDN链接，可以有效确保Paper.js库在pywebview内嵌浏览器环境中被正确加载和执行，从而解决绘图失效的问题，并提供完整的示例代码和最佳实践。
2025-11-22 14:28:02
238
JavaScript构建工具_Webpack模块打包原理 Webpack从入口文件出发，分析模块依赖并构建依赖图，通过Loader转换非JS资源，最终将所有模块打包成静态文件，支持代码分割与插件扩展，实现高效模块化构建。
2025-11-22 14:27:45
333
Lodash _.union 方法与单元素数组更新的正确实践 本文探讨了在使用Lodash的_.union方法更新数据库中的数组字段时，当尝试添加单个非数组元素到空数组时遇到的问题。核心原因是_.union期望其后续参数是集合（数组），而非单个非数组值。文章提供了两种解决方案：一种是针对空数组的条件处理，另一种是更通用的方法，通过确保待添加元素始终被封装在一个数组中，从而实现对单元素和多元素更新的健壮处理。
2025-11-22 14:20:02
691
在Pywebview应用中正确渲染Paper.js图形：库加载与最佳实践 本文探讨了在pywebview环境中集成Paper.js时，图形无法正确渲染的问题。核心原因通常是Paper.js库未被正确加载。教程将提供详细的解决方案，包括使用CDN加载Paper.js以及确保JavaScript代码在DOM准备就绪后执行，从而确保Path对象能在canvas上成功绘制并转换为图像。
2025-11-22 13:57:46
836
解决CSS transform 动画与 display: none 冲突的技巧 当对使用display:none隐藏的元素应用CSStransform动画时，动画效果往往无法正常显示。这是因为display:none会将元素从渲染树中移除，导致浏览器无法在display属性切换时捕获动画的初始状态。解决此问题需要利用JavaScript的setTimeout函数，在元素显示后短暂延迟再应用transform样式，确保浏览器有足够时间渲染元素，从而实现平滑的动画过渡。
2025-11-22 13:54:17
541
Vue 3中v-model响应式重置与组件间数据同步的最佳实践 本文深入探讨了Vue3中v-model在父子组件间数据同步及响应式重置的关键技巧。重点介绍了如何通过Object.assign正确重置reactive对象，以及在子组件中使用computed属性构建健壮的v-model双向绑定，同时强调了数据类型匹配和v-model.number修饰符的重要性，以确保数据流的准确性和组件行为的预期性。
2025-11-22 13:45:48
207
优化 Playwright 元素定位：告别脆弱的 XPath 相对路径 本教程旨在指导开发者优化Playwright自动化测试中的元素定位策略，尤其是在处理需要相对定位的场景时。我们将分析传统XPath相对路径的局限性，并推荐使用Playwright内置的语义化定位器（如getByRole和getByTestId）来构建更健壮、可读性强且易于维护的测试脚本，从而提升自动化测试的稳定性和效率。
2025-11-22 13:44:23
878
浮点数运算揭秘：x+x 与 x*2 的等价性分析 在遵循IEEE754标准的浮点数运算体系中，如JavaScript所采用的，x+x与x*2的计算结果是完全等价的。这是因为IEEE754规范要求所有浮点运算都先计算出精确的数学结果，再根据统一的舍入规则进行舍入。由于x+x和2*x的精确数学结果相同，因此它们经过相同舍入规则处理后的浮点结果也必然一致，这一结论适用于所有浮点数，包括正负无穷大和NaN。
2025-11-22 13:42:30
746
JavaScript_设备传感器数据采集 现代浏览器通过JavaScript支持设备传感器数据采集，1.使用DeviceOrientationAPI获取设备方向（alpha、beta、gamma）；2.通过DeviceMotionAPI获取加速度和旋转数据；3.部分浏览器支持AmbientLightSensor获取环境光强度；4.所有功能需在HTTPS安全上下文中运行，依赖用户授权且存在兼容性差异，使用前应进行特性检测并提供降级方案。
2025-11-22 13:42:06
194
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部