JavaScript如何获取一个元素的样式信息


Posted in Javascript onJuly 29, 2019

跨浏览器方法

function getStyle(elem, cssprop, cssprop2){
 if(elem.currentStyle){
  return elem.currentStyle[cssprop]
  }else if(document.defaultView && document.defaultView.getComputedStyle){
  return document.defaultView.getComputedStyle(elem, "").getPropertyValue(cssprop2)
 }else{
  return null
 }
}
<style> 
 #elem{font-size:23px;} 
</style> 
<input id ="elem" style="font-size:18px;"/> 
<script>
elem.style.fontSize = '12px'; 
console.log(getStyle(elem, "fontSize", "font-size")) 
// 输出12px 
</script>

getStyle取值的优先级是:

1.动态设置的

2.内联设置的

3.样式表设置的

4.浏览器默认设置的

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
不同浏览器对回车提交表单的处理办法
Feb 13 Javascript
js iframe跨域访问(同主域/非同主域)分别深入介绍
Jan 24 Javascript
jquery.cookie用法详细解析
Dec 18 Javascript
js中top的作用深入剖析
Mar 04 Javascript
让html页面不缓存js的实现方法
Oct 31 Javascript
JavaScript每天必学之基础知识
Sep 17 Javascript
JS自定义函数对web前端上传的文件进行类型大小判断
Oct 19 Javascript
在JS中如何把毫秒转换成规定的日期时间格式实例
May 11 Javascript
jQuery实现简单的计时器功能实例分析
Aug 29 jQuery
微信小程序request请求后台接口php的实例详解
Sep 20 Javascript
2种简单的js倒计时方式
Oct 20 Javascript
javaScript产生随机数的用法小结
Apr 21 Javascript
教你搭建按需加载的Vue组件库(小结)
Jul 29 #Javascript
JavaScript 继承 封装 多态实现及原理详解
Jul 29 #Javascript
Vue2.0实现简单分页及跳转效果
Jul 29 #Javascript
JavaScript面向对象程序设计中对象的定义和继承详解
Jul 29 #Javascript
js实现多张图片每隔一秒切换一张图片
Jul 29 #Javascript
javascript面向对象程序设计实践常用知识点总结
Jul 29 #Javascript
javascript中this的用法实践分析
Jul 29 #Javascript
You might like
自己做矿石收音机
2021/03/02 无线电
php+oracle 分页类
2006/10/09 PHP
谈谈PHP语法(2)
2006/10/09 PHP
php学习之运算符相关概念
2011/06/09 PHP
php实现httpclient类示例
2014/04/08 PHP
javascript 兼容鼠标滚轮事件
2009/04/07 Javascript
Mootools 1.2教程 滚动条(Slider)
2009/09/15 Javascript
IE Firefox 使用自定义标签的区别
2009/10/15 Javascript
jquery 简短几句代码实现给元素动态添加及获取提示信息
2011/09/01 Javascript
基于JQuery的模拟苹果桌面Dock效果(稳定版)
2012/10/15 Javascript
jQuery使用append在html元素后同时添加多项内容的方法
2015/03/26 Javascript
基于jQuery实现返回顶部实例代码
2016/01/01 Javascript
属于你的jQuery提示框(Tip)插件
2016/01/20 Javascript
Bootstrap滚动监听(Scrollspy)插件详解
2016/04/26 Javascript
jQuery Validate表单验证插件的基本使用方法及功能拓展
2017/01/04 Javascript
React Native验证码倒计时工具类分享
2017/10/24 Javascript
Angular实现的简单查询天气预报功能示例
2017/12/27 Javascript
JavaScript树的深度优先遍历和广度优先遍历算法示例
2018/07/30 Javascript
Python中除法使用的注意事项
2014/08/21 Python
python开发简易版在线音乐播放器
2017/03/03 Python
Python自定义线程池实现方法分析
2018/02/07 Python
Windows下anaconda安装第三方包的方法小结(tensorflow、gensim为例)
2018/04/05 Python
浅谈django的render函数的参数问题
2018/10/16 Python
Django 自定义分页器的实现代码
2019/11/24 Python
CSS3 transition 实现通知消息轮播条
2020/10/14 HTML / CSS
10种CSS3实现的loading动画,挑一个走吧?
2020/11/16 HTML / CSS
html5将图片转换成base64的实例代码
2016/09/21 HTML / CSS
跨域修改iframe页面内容详解
2019/10/31 HTML / CSS
温泉秘密:Onsen Secret
2020/07/06 全球购物
java程序员面试交流
2012/11/29 面试题
高中生学习生活的自我评价
2013/11/27 职场文书
品质管理部岗位职责范文
2014/03/01 职场文书
全国优秀辅导员事迹材料
2014/05/14 职场文书
模具专业求职信
2014/06/26 职场文书
JavaScript实现贪吃蛇游戏
2021/06/16 Javascript
Python的property属性详细讲解
2022/04/11 Python