js获取html样式属性,js怎么获取指定css属性的值?

js怎么获取指定css属性的值?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

bfeef60ecd59b8a6e6ed82475b5f0d65.png

js怎么获取指定css属性的值?

1、通过dom.style.属性 来获取

但是这种方法无法获取id、class里的属性

例子:

#c1

{

background-color: red;

color: black;

}

ss

222

var dom = document.getElementById("c1");

var dom2 = document.getElementById("c2");

console.log(dom.style.backgroundColor);//为空

console.log(dom2.style.backgroundColor);

//输出red,如果style中的颜色用rgba形式表示,输出的也是rgba形式

2、在IE中用的是dom.currentStyle,标准下用的是dom.getComputedStyle

#c1

{

background-color: #FF0000;

color: white;

}

ss

var dom = document.getElementById("c1");

if(window.getComputedStyle)//判断是否存在getComputedStyle方法

{

var str = document.defaultView.getComputedStyle(dom,null).color;

console.log(str);

}

else if(dom.currentStyle)//兼容低版本ie

{

console.log("***");

console.log("ie版本 "+dom.currentStyle.color);

}

更多web前端开发知识,请查阅 HTML中文网 !!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/485515.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

奈氏准则,香农定理

失真 现实中的信道(带宽受限,有噪声,干扰),导致一些信号发生问题 影响失真的因素: 码元传输速率(越快,失真越严重) 信号传输距离(越远越严重) 噪声干扰 传输媒体质…

IBM中国研究院被曝已全面关闭

来源:AI科技评论作者:青暮AI科技评论最新消息,网传IBM中国研究院(IBM CRL)已经全面关闭。AI科技评论求证圈内权威人士,其表示消息大概率属实。IBM研究院是IBM公司的一个(研究)部门&a…

图形化安装配置:安装oracle、新建数据库、用plsql连接oracle,套路明白了其实挺简单...

1:安装oracle。 我的安装路径是c:\app,那oracle_home就是:C:\app\guestAdmin\product\11.2.0\dbhome_1。 装完后菜单在这里: 2:创建数据库his,注意:oracle的每个数据库,都是一个服务…

细数高光时刻,2020全球科技巨头如何激战AI?

来源:嵌入式资讯精选本文作者:Jiachang Pan编辑:SV Insight最近,百度、谷歌等多家科技巨头相继发布2020年AI发展总结。2020年12月30日,百度以一篇万字长文《百度AI的2020》向2020年告别。2021年1月12日,谷歌…

数据编码信号调制

信道上传送的信号也可以分为: 基带信号:将数字信号1,0直接用两种不同的电压表示,再送到数字信道上去传输 直接表达了要输出的信息的信号。 基带信号在数字信道上去传输,就叫做基带传输 宽带信号:将基带…

人为什么要学数学 ——数学意义的哲学思考

来源:算法与数学之美编辑 ∑Gemini人为什么要学数学?其实很多人并不清楚,甚至存在许多认识误区.有学生认为,“数学除了买东西的时候有点用,考试的时候有点用,没有多大的实际用途.”还…

html标签始终在右下角,html+javascript实现图片始终在页面右下角

标题页function setVariables() {imgwidth235; //图像的宽度imgheight19; //图像的高度if (navigator.appName "Netscape") { //netscape下的位置设置horz".left";vert".top";docStyle"document.";styleDoc"";innerW"…

Gary Marcus:AI 可以从人类思维中学习的11个启示

来源:AI科技评论作者:Gary Marcus、Ernest Davis编译:陈彩娴1969 年图灵奖得主、MIT 人工智能实验室创始人马文明斯基(Marvin Minsky)在其1986年著作《心智社会》(The Society of Mind)一书中曾…

我们的大脑,足以理解大脑本身吗?

来源: 利维坦树突(红色)神经元的分支过程,接收突触信息的突出棘的渲染,以及来自小鼠大脑皮层的饱和重建(多色圆柱体)。© Lichtman Lab at Harvard University利维坦按:关于大脑…

Leetcode--17.电话号码的字母组合

给定一个仅包含数字 2-9 的字符串,返回所有它能表示的字母组合。 给出数字到字母的映射如下(与电话按键相同)。注意 1 不对应任何字母。 示例: 输入:"23" 输出:["ad", "ae", "af…

安全技术可以采用计算机安全,2017年计算机三级《信息安全技术》习题

2017年计算机三级《信息安全技术》习题信息安全技术主要培养熟练掌握网络设备的安装、管理和维护,能分析企业网络和信息系统安全漏洞、及时解决网络安全问题,并能够根据企事业单位业务特点设计制作安全的电子商务/政务网站的专业人员。以下是小编整理的2…

福布斯:14位技术专家预测,未来哪些行业将被AI颠覆?

来源:Forbes转自:新智元未来,哪些行业将从人工智能中受益?14位技术专家对哪些行业和部门最终将从AI中受益最大进行了预测。哪些行业将受益于AI?目前,人工智能和机器学习已进入许多不同的行业,改…

打开AI芯片的“万能钥匙”

来源:雷锋网 作者:包永刚雷锋网按,新推出的AI芯片因架构的独特性和软件的易用性增加了客户尝试和迁移的成本,因此,软件成为了能否快速、低成本迁移的关键。现在普遍的做法是在TensorFlow写一些后端集成新硬件&#xff…

因果推理、正则化上榜:权威专家盘点过去50年最重要的统计学思想

来源:机器学习研究组订阅在日常生活中,统计学无处不在,每个人、每件事似乎都可以使用统计数据加以说明。随着人类迈入大数据时代,统计学在方方面面更是发挥了不可或缺的作用。统计学思想,就是在统计实际工作、统计学理…

Nginx正向与反向代理

Nginx 主要用于反向代理与负载均衡 什么是代理服务器(Proxy Serve)? 提供代理服务的电脑系统或其它类型的网络终端,代替网络用户去取得网络信息。 为什么使用代理服务器? 提高访问速度 由于目标主机返回的数据会存放在代理服务…

生命起源的奥秘:分子生物学对生命起源研究

来源: 科学技术哲学1993年加州大学柏克利分校的詹腓力教授邀请了一批科学家、哲学家到加州中部的一个海滨小镇相聚。这些学者来自著名的学术中心,包括剑桥、慕尼黑、芝加哥大学等学府,他们是来质疑一个统治了科学界长达150年的学说。保罗.尼尔…

介绍计算机硬件的情景剧表演,手忙脚乱的情景剧

继去年一手操办了女儿班上的元旦迎新会后,昨天,我再一次自编自演自导。不得不说,学校真是磨练人的地方。一、创作剧本的起因半个月前,宋老师推荐我和女儿参加学校举行的亲子诵读比赛。去年也参与过一次,我己经形成了固…

win7计算机管理中看不到新加的硬盘,win7系统看不到第二块硬盘的解决方法.

win7系统想必大家都非常熟悉吧,然而有时候可能会碰到win7系统看不到第二块硬盘的情况,想必大家都遇到过win7系统看不到第二块硬盘的情况吧,那么应该怎么处理win7系统看不到第二块硬盘呢?我们依照1、进入win7系统控制面板&#xff…

美国航空发动机发展经验,给中国的启示!

内容来源:网络本期编辑:小艾 航空发动机是装备制造领域的最高端产品,代表了装备制造业的最高技术水平,被誉为现代工业“皇冠上的明珠”,其重要性一向为人所强调,但成为航空发动机强国的道路之艰难却往往为人…

session的钝化和活化

钝化:内存->硬盘 活化:硬盘->内存 session对象的四种状态: 1.session.setAttribute("a",xxx),将对象a绑定到session中 2.session.removeAttribute("a"),将对象a从session中解绑 监听session对象的…