JavaScript如何获取一个元素的样式信息
作者：城里的乡下人 发布时间：2023-08-28 12:16:17
标签：javascript,获取,元素,样式,信息
跨浏览器方法
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.浏览器默认设置的
来源：https://www.cnblogs.com/crazyWang/p/9936136.html
0
投稿猜你喜欢
1、slice结构体首先我们来看一段代码package mainimport ( "fmt"- 总经一下前段时间用于的jQuery方法：find及children。需要的朋友可以参考下。首先看看英文解释吧： children方法：fin
- PHP版： $o = array('x'=>1, 'y'=>2, 'z'=>
- 当来自应用程序的第一个连接控制锁而第二个连接需要相冲突的锁类型时，将发生阻塞。其结果是强制第二个连接等待，而在第一个连接上阻塞。不管是来自同
- 米随随在国外某站看到的国际上十四个优秀网页设计审核站，他发现还有中国的哦~HOHO~1.荷兰 strangefruits &nb
- Union 与 Union ALL 的作用都是合并 SELECT 的查询结果集，那么它们有什么不同呢？ Union 将查询到的结果集合并后进
- Python2.x使用过程中，中文乱码解决最耳熟能详的方法就是在代码前加上#-*- coding:utf-8 –*-那么为什么需要这么做呢？
- 最好也是最简单的办法就是利用Cookie，而不必用到数据库。当然，你愿意用数据库也可以。下面就是利用Cookie来实现的：<
- function GetRequest() { var
- 能评估使用方法性能评估模块提供了一系列用于模型性能评估的函数,这些函数在模型编译时由metrics关键字设置性能评估函数类似与目标函数, 只
- 随着WEB标准在国内的不断普及，结构表现行为分离、模块化、语义化、优雅退化等概念也成为考核一名前端人员对WEB标准理解的重要条目，其中，由于
- 代码如下:function FSOlastline(filename) dim fso,f,temparray
- 在项目中遇到需要支持上传gif图片，并把其分解的帧图片一次展示给用户。话不多说直接上代码分解gif图片需要使用libgif-js这个库！1.
- JavaScript Dom编程 学习书籍选择JavaScript Dom编程学习，很多朋友无疑对如何选择入门的书籍，比较头疼。或许也是他们
- 对网站的LOGO设计做了一些归纳，希望得到批评，发现写的太长了，又不忍心删减，就分成两部分了，第一部分是有关设计基础的。第二部分是关于网站L
- asp之家注：长文章分页算是asp编程中一个比较经典单位问题，怎么分页，什么时候分页.方法挺多，有的是人为的加入分页标志，有的是程序自动加分
- 最近使用工作需要，使用了Navicat8.2版本，发现备份数据都是默认存储在C盘，这个就比较郁闷了。重做系统忘记转移了。那不就死定了？找了一
- 概述基于Swoole的websocket服务，计划整合3篇进行技术整理，该服务主要有2个核心业务，用户消息服务(消息计数统计)和 客服IM消
- 问题：如何用ASP实现点击数统计？比如我要实现某篇文章被浏览一次就增加一个点击数，该怎么做?回答：就是说，比如，你的页面是：shownews
- 测试：IE6、IE7、FF3.014突发奇想的效果，主要突出构思，效果还比较粗糙，好好创意一下，应该可以引申出一些比较有新意的图片切换效果。
