js获取html样式属性,js怎么获取指定css属性的值?
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属性的值?相关推荐
- jq删除某个css样式,jq删除属性_使用jquery删除css属性或样式
摘要 腾兴网为您分享:使用jquery删除css属性或样式,中国体育,有信,相机美颜,腾讯小说等软件知识,以及来电,会动的手机壁纸,网销客,酷6,我不是我没有表情包,乐校通,搜达足球网,led滚动显示 ...
- a标签download属性无效_使用这些 CSS 属性选择器来提高前端开发效率
如题.但是不要担心,虽然属性选择器非常复杂和强大,但是它们很容易学习和使用.在本文中,我们将讨论它们是如何运行的,并给出一些如何使用它们的想法.通常将 HTML属性放在方括号中,称为属性选择器,如下: ...
- php读取html中元素属性,读写HTML元素的css 属性
jQuery 的css()方法用来设置或读取HTML元素的css属性. 读取元素的CSS语法语法如下: css("propertyname"); 比如下面代码取得第一个 元素的背景 ...
- 原生JS设置和获取transform样式
原生JS设置和获取transform样式 用JS获取transform样式的值 let tabulW = document.querySelector('.tabul') /* 获取DOM元素*/ l ...
- js 设置html标签样式表,js怎么设置css样式?
js怎么设置css样式?本篇文章就给大家介绍js设置css样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 1.直接设置style对象(内联样式) 使用JavaScript ...
- Dom基础 特殊的节点 获取元素节点的内容 获取元素的属性 css属性 Dom获取元素的方法
1.Dom基础 <!DOCTYPE html> <html><head><meta charset="utf-8"><titl ...
- blr不是已知的css属性名,js判断并告知支持css属性(值)的何种情况
前言 当我们想用某个css新特性时,总是会在意它的兼容性情况,或许我们会去搜索它的兼容性,哪些浏览器合适哪些不合适,在这些已知的情况下再选择是不是使用或如何使用,这是一个已知我们即将用于什么浏览器下作 ...
- CSS——(CSS样式规则,CSS样式表单,选择器,常用的CSS属性)
CSS(Cascading Style Sheets,层叠样式表单)是由W3C所提出,主要的用途是控制网页的外观,也就是定义网页的编排,显示,格式化及特殊效果,有部分功能与HTML重叠. 1.CSS样 ...
- JQuery中的CSS属性及操作
目录 1.JQuery中的css()方法 1) 返回 CSS 属性 2) 设置 CSS 属性 3) 设置多个 CSS 属性 2.JQuery的CSS操作 3.JQuery的class操作 1.JQue ...
最新文章
- Android layer-list 使用
- php 字体问题,php – Scraping上的字体或Unicode问题[复制]
- hdu 5212 : Code【莫比乌斯】
- 还在忍受限速网盘?来搭建一套自己的私有网盘!
- oracle之二控制文件
- linux - python - 异常:error while loading shared libraries
- Qt中的QPrintDialog
- 超萌哒!20000个虎年限定红包封面,限量开抢!
- 用面粉和醋洗头 让你的头发黑亮又浓密
- malloc()和calloc()有啥区别
- Python实现用户登录
- jquery连续滚动
- SAP 是不是很烂的一个ERP软件
- DJ-ZBS2漏电继电器
- MySQL数据库恢复-勒索病毒 PLEASE_READ_ME_VVV、delete、drop,没有binlog 数据库恢复工具 持续更新2020.5.27
- winform高仿腾讯QQ2013,几十个界面哦!!
- OpenGL_Qt学习笔记之_03(平面图形的着色和旋转)
- 小松的STM32教程(2)—— OLED显示
- MySQL权限系统(一).The MySQL Access Privilege System 概述
- 张量积型的Bernstein基函数