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,一经查实,立即删除!

相关文章

页面某个模块的文字内容是动态的,可能是几个字,也可能是一句话。然 后,希望文字少的时候居中显示,文字超过一行的时候居左显示。该如何实现?...

text-align属性只能在内联元素<!DOCTYPE html><html lang"en"><head> <meta charset"UTF-8"> <title>Document</title> <style> .box { padding: 10px; background-color: #cd0000; text-align: center; width:…

奈氏准则,香农定理

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

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

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

库存商品表html源码,JSP+Servlet+数据库的方式完成一个简易的库存商品管理系统...

【实例简介】JSPServlet数据库的方式完成一个简易的库存商品管理系统【实例截图】【核心代码】f48fd612-281d-454e-97d3-20c8f775879f└── Product├── ProductManageSystem│ ├── src│ │ └── com│ │ └── qbsp│ │ ├── servlet│ │ │…

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

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

Leetcode--560. 和为K的子数组

给定一个整数数组和一个整数 k&#xff0c;你需要找到该数组中和为 k 的连续的子数组的个数。 示例 1 : 输入:nums [1,1,1], k 2 输出: 2 , [1,1] 与 [1,1] 为两种不同的情况。 说明 : 数组的长度为 [1, 20,000]。 数组中元素的范围是 [-1000, 1000] &#xff0c;且整数 k…

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

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

html表格ui,table表格 - 基础 - H-ui前端框架官方网站

表格系统默认表格表头表头表头类别表格内容表格内容类别表格内容表格内容类别表格内容表格内容....table H-ui默认表头表头表头类别表格内容表格内容类别表格内容表格内容类别表格内容表格内容....table-border 带水平线表头表头表头类别表格内容表格内容类别表格内容表格内容类…

PHP逐行解析文件,并写入数据库

$filePath为文件路径&#xff0c;上传文件则返回文件路径调用下面函数即可public function readText($filePath,&$errorCode,&$errorMessage){ try{ $file fopen($filePath, "r"); // 只读文件 if(empty($file)){ $errorCode …

数据编码信号调制

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

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

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

列表、字典补充点、strJoin方法、set()集合、和深浅拷贝

一 、对之前知识点的补充 str中的join方法&#xff0c;把列表换成字符串 1 s "_".join("ABC") #可迭代对象 2 print(s&#xff09; 3 >>>A_B_C 二、字典和列表在循环的时候不能直接删除&#xff0c;可以复制一个新列表&#xff0c;循环新列表、…

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

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

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

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

17-比赛2 C - Maze (dfs)

Pavel loves grid mazes. A grid maze is an n  m rectangle maze where each cell is either empty, or is a wall. You can go from one cell to another only if both cells are empty and have a common side. Pavel drew a grid maze with all empty cells forming a co…

html div 知识点,HTML知识点总结之div、section标签

div元素div是块级元素&#xff0c;相当于一个容器&#xff0c;在语义上不代表任何特定类型的内容。主要用作大的框架布局&#xff0c;也就是说网页的骨架主要通过div来架设的&#xff0c;而网页的血肉则是有span、p或者ul等元素完成。section元素标签是HTML5新增的语义化标签&a…

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

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

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

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

博弈论模型总结

博弈论五大模型 前四大模型的深入理解 Bash博弈模型 有一堆数量为n的石头&#xff0c;双方轮流每次从堆中取至少1个石头最多m个石头&#xff0c;谁先取完谁赢。 设存在整数k和r使方程**nk*(m1)r**成立,当r0时先手必败&#xff0c;否则先手必赢。 结论&#xff1a;n%(m1) 0, 先…

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

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