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

javascript 读取内联之外的样式(style、currentStyle、getComputedStyle区别介绍)_javascript技巧

php中文网
发布： 2016-05-16 18:27:57
原创
1261人浏览过

样式表有三种方式
内嵌样式（inline Style） ：是写在Tag里面的，内嵌样式只对所有的Tag有效。
内部样式（internal Style Sheet）：是写在HTML的

星绘
星绘

豆包旗下 AI 写真、P 图、换装和视频生成

星绘 429
查看详情 星绘
里面的，内部样式只对所在的网页有效。
外部样式表（External Style Sheet）：如果很多网页需要用到同样的样式(Styles)，将样式(Styles)写在一个以.css为后缀的CSS文件里，然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。

下面的是读取除了内嵌样式之外样式的js，只能读不能写。
复制代码 代码如下:

var mydiv = document.getElementById('mydiv');
if(mydiv.currentStyle) {
var width = mydiv.currentStyle['width'];
alert('ie:' + width);
} else if(window.getComputedStyle) {
var width = window.getComputedStyle(mydiv , null)['width']
alert('firefox:' + width);
}
另外在FF下还可以通过下面的方式获取
document.defaultView.getComputedStyle(mydiv,null).width
window.getComputedStyle(mydiv , null).width


相关标签：
javascript

大家都在看：

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

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

下载
来源：php中文网
收藏 点赞
上一篇：JavaScript 数据元素集合与数组的区别说明_javascript技巧 下一篇：js将类数组对象转换成数组对象_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
什么是JavaScript中的解构赋值？ JavaScript解构赋值是ES6引入的按模式从数组或对象提取值并赋给变量的语法，核心为简洁与清晰：数组按位置、对象按属性名匹配，支持默认值、重命名、嵌套及剩余运算符。
2025-12-23 11:48:03
945
什么是事件循环队列_javascript中微任务和宏任务如何区分？ JavaScript事件循环按“执行一个宏任务→清空所有微任务→渲染→取下一个宏任务”顺序运行；宏任务包括script、setTimeout等，微任务包括Promise.then、queueMicrotask等，微任务优先级更高且本轮持续执行直至队列为空。
2025-12-23 11:37:23
257
javascript如何实现代码混淆_保护源码有哪些方法 JavaScript无法完全防止源码被查看，但可通过混淆（如Terser、javascript-obfuscator）、服务端逻辑下沉、动态加载、SourceMap脱离及反调试等分层手段提升逆向成本；禁用右键或Base64编码等做法无效。
2025-12-23 11:35:02
853
JavaScript如何操作浏览器历史记录？ JavaScript通过window.history实现SPA无刷新导航：pushState添加历史记录并更新URL，replaceState修改当前记录，popstate监听前进/后退，back/forward/go提供基础导航，均受同源策略限制。
2025-12-23 11:20:02
844
JavaScript打包优化有哪些策略？ JavaScript打包优化的核心是减少体积、提升加载效率、增强缓存复用且不牺牲可维护性，具体包括代码分割与按需加载、TreeShaking、按需引入、依赖替换、压缩传输优化及持续分析协作。
2025-12-23 11:14:46
552
javascript中如何实现游戏开发？_javascript的游戏引擎有哪些特性？ JavaScript游戏开发依托浏览器环境，核心是Canvas/WebGL渲染、事件系统与requestAnimationFrame动画循环；小项目可手写，中大型推荐Phaser（2D）、PixiJS（高性能渲染）、Babylon.js（3D）或Three.js（底层3D）。
2025-12-23 11:12:10
650
javascript如何实现拖拽功能_有哪些浏览器兼容性问题 JavaScript拖拽核心依赖mousedown→mousemove→mouseup事件链，需坐标计算与样式控制；IE8及以下需用attachEvent、setCapture和offsetLeft兼容；移动端须改用touch事件并阻止默认行为；现代推荐DragandDropAPI或SortableJS等库。
2025-12-23 11:07:02
590
JavaScript本地存储有哪些方式_它们有何区别？ JavaScript本地存储有三种方式：1.localStorage用于长期键值对存储，数据跨会话保留，容量5–10MB，仅支持字符串；2.sessionStorage限于单标签页会话，关闭即清除，适合临时状态；3.IndexedDB是异步NoSQL数据库，支持结构化数据、事务和索引，容量更大，适用于复杂离线场景。
2025-12-23 11:07:02
169
什么是作用域_Javascript变量在哪里有效 作用域指变量、函数等标识符的可访问范围；全局作用域中var声明变量挂载window，let/const不挂载但仍全局可见；函数作用域限于function内；块级作用域由{}和let/const定义；变量查找遵循自内向外的作用域链。
2025-12-23 10:21:35
962
javascript如何检测数组_ Array.isArray怎么用 最可靠的方法是使用Array.isArray()。它专为检测数组设计，能准确区分数组和类数组对象，避免typeof返回"object"、instanceof跨iframe失效及constructor被篡改等问题，返回布尔值，现代环境原生支持，旧环境可用toString.call降级。
2025-12-23 10:12:08
867
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

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

  • PHP学习

  • 技术支持

  • 返回顶部