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 相关文章推荐
textarea焦点的用法实现获取焦点清空失去焦点提示效果
May 19 Javascript
jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效
Apr 12 Javascript
asp.net中oracle 存储过程(图文)
Aug 12 Javascript
AngularJS数据源的多种获取方式汇总
Feb 02 Javascript
微信小程序 Video API实例详解
Oct 02 Javascript
关于js二维数组和多维数组的定义声明(详解)
Oct 02 Javascript
Node.js中文件操作模块File System的详细介绍
Jan 05 Javascript
React.Js添加与删除onScroll事件的方法详解
Nov 03 Javascript
JavaScript 有用的代码片段和 trick
Feb 22 Javascript
浅谈Webpack核心模块tapable解析
Sep 11 Javascript
vue实现信息管理系统
May 30 Javascript
微信小程序实现聊天室功能
Jun 14 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/03 冲泡冲煮
深入理解:XML与对象的序列化与反序列化
2013/06/08 PHP
PHP实现函数内修改外部变量值的方法示例
2018/12/28 PHP
js 自定义的联动下拉框
2010/02/07 Javascript
学习从实践开始之jQuery插件开发 对话框插件开发
2012/04/26 Javascript
jQuery.prototype.init选择器构造函数源码思路分析
2013/02/05 Javascript
Js参数值中含有单引号或双引号问题的解决方法
2013/11/06 Javascript
解析prototype,JQuery中跳出each循环的方法
2013/12/12 Javascript
jQuery实现数字加减效果汇总
2014/12/16 Javascript
js中setTimeout()与clearTimeout()用法实例浅析
2015/05/12 Javascript
只要1K 纯JS脚本送你一朵3D红色玫瑰
2016/08/09 Javascript
jQuery纵向导航菜单效果实现方法
2016/12/19 Javascript
基于JavaScript实现带缩略图的轮播效果
2017/01/12 Javascript
JavaScript模块化之使用requireJS按需加载
2017/04/12 Javascript
nodejs入门教程三:调用内部和外部方法示例
2017/04/24 NodeJs
Express框架之connect-flash详解
2017/05/31 Javascript
Kindeditor单独调用单图上传增加预览功能的实例
2017/07/31 Javascript
jQuery实现checkbox即点即改批量删除及中间遇到的坑
2017/11/11 jQuery
arcgis for js栅格图层叠加(Raster Layer)问题
2017/11/22 Javascript
JavaScript引用类型Array实例分析
2018/07/24 Javascript
vue项目接口域名动态获取操作
2020/08/13 Javascript
Python中正则表达式详解
2017/05/17 Python
基于python select.select模块通信的实例讲解
2017/09/21 Python
Python使用 Beanstalkd 做异步任务处理的方法
2018/04/24 Python
解决DataFrame排序sort的问题
2018/06/07 Python
使用Python和Scribus创建一个RGB立方体的方法
2019/07/17 Python
Python 一行代码能实现丧心病狂的功能
2020/01/18 Python
June Jacobs尊积帕官网:知名的spa水疗护肤品牌
2019/03/21 全球购物
北大研究生linux应用求职信
2013/10/29 职场文书
化验室技术员岗位职责
2013/12/24 职场文书
调解员先进事迹材料
2014/02/07 职场文书
原料仓管员岗位职责
2014/04/12 职场文书
局领导领导班子四风对照检查材料
2014/09/27 职场文书
学生会感恩节活动方案
2014/10/11 职场文书
迟到检讨书
2015/01/26 职场文书
慰问信格式规范
2015/03/23 职场文书