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

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中文网 !!

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

  1. jq删除某个css样式,jq删除属性_使用jquery删除css属性或样式

    摘要 腾兴网为您分享:使用jquery删除css属性或样式,中国体育,有信,相机美颜,腾讯小说等软件知识,以及来电,会动的手机壁纸,网销客,酷6,我不是我没有表情包,乐校通,搜达足球网,led滚动显示 ...

  2. a标签download属性无效_使用这些 CSS 属性选择器来提高前端开发效率

    如题.但是不要担心,虽然属性选择器非常复杂和强大,但是它们很容易学习和使用.在本文中,我们将讨论它们是如何运行的,并给出一些如何使用它们的想法.通常将 HTML属性放在方括号中,称为属性选择器,如下: ...

  3. php读取html中元素属性,读写HTML元素的css 属性

    jQuery 的css()方法用来设置或读取HTML元素的css属性. 读取元素的CSS语法语法如下: css("propertyname"); 比如下面代码取得第一个 元素的背景 ...

  4. 原生JS设置和获取transform样式

    原生JS设置和获取transform样式 用JS获取transform样式的值 let tabulW = document.querySelector('.tabul') /* 获取DOM元素*/ l ...

  5. js 设置html标签样式表,js怎么设置css样式?

    js怎么设置css样式?本篇文章就给大家介绍js设置css样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 1.直接设置style对象(内联样式) 使用JavaScript ...

  6. Dom基础 特殊的节点 获取元素节点的内容 获取元素的属性 css属性 Dom获取元素的方法

    1.Dom基础 <!DOCTYPE html> <html><head><meta charset="utf-8"><titl ...

  7. blr不是已知的css属性名,js判断并告知支持css属性(值)的何种情况

    前言 当我们想用某个css新特性时,总是会在意它的兼容性情况,或许我们会去搜索它的兼容性,哪些浏览器合适哪些不合适,在这些已知的情况下再选择是不是使用或如何使用,这是一个已知我们即将用于什么浏览器下作 ...

  8. CSS——(CSS样式规则,CSS样式表单,选择器,常用的CSS属性)

    CSS(Cascading Style Sheets,层叠样式表单)是由W3C所提出,主要的用途是控制网页的外观,也就是定义网页的编排,显示,格式化及特殊效果,有部分功能与HTML重叠. 1.CSS样 ...

  9. JQuery中的CSS属性及操作

    目录 1.JQuery中的css()方法 1) 返回 CSS 属性 2) 设置 CSS 属性 3) 设置多个 CSS 属性 2.JQuery的CSS操作 3.JQuery的class操作 1.JQue ...

最新文章

  1. Android layer-list 使用
  2. php 字体问题,php – Scraping上的字体或Unicode问题[复制]
  3. hdu 5212 : Code【莫比乌斯】
  4. 还在忍受限速网盘?来搭建一套自己的私有网盘!
  5. oracle之二控制文件
  6. linux - python - 异常:error while loading shared libraries
  7. Qt中的QPrintDialog
  8. 超萌哒!20000个虎年限定红包封面,限量开抢!
  9. 用面粉和醋洗头 让你的头发黑亮又浓密
  10. malloc()和calloc()有啥区别
  11. Python实现用户登录
  12. jquery连续滚动
  13. SAP 是不是很烂的一个ERP软件
  14. DJ-ZBS2漏电继电器
  15. MySQL数据库恢复-勒索病毒 PLEASE_READ_ME_VVV、delete、drop,没有binlog 数据库恢复工具 持续更新2020.5.27
  16. winform高仿腾讯QQ2013,几十个界面哦!!
  17. OpenGL_Qt学习笔记之_03(平面图形的着色和旋转)
  18. 小松的STM32教程(2)—— OLED显示
  19. MySQL权限系统(一).The MySQL Access Privilege System 概述
  20. 张量积型的Bernstein基函数

热门文章

  1. LeetCode 475. 供暖器(双指针二分查找)
  2. Django视图(python函数)
  3. python调用shell该引用到什么类_python调用shell, shell 引用python
  4. 项目架构之传统三层架构和领域模型三层架构
  5. 生产Docker应用重启排查经历
  6. 滴滴 KDD 2018 论文详解:基于强化学习技术的智能派单模型
  7. Hadoop背景、模块介绍、架构
  8. 事件抽取与事理图谱的N个问题
  9. (摘要)新基建风口下,今年工业互联网平台将呈现十大新特征
  10. Meta开发了一个AI模型,尝试解决维基百科的「性别偏见」问题