<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS获取CSS属性值</title>
<style type="text/css">
<!--
.ss{background:blue; color:#cdcdcd; width:200px}
-->
</style>
<link href="styles_red.css" rel="stylesheet"/>
</head>
<body>
<div id="qq" class="divtitle">sdf</div>
<script type="text/javascript">
function GetCurrentStyle (obj, prop) {
if (obj.currentStyle) {
return obj.currentStyle[prop];
}else if (window.getComputedStyle) {
propprop = prop.replace (/([A-Z])/g, "-$1");
propprop = prop.toLowerCase ();
return document.defaultView.getComputedStyle (obj,null)[prop];
}
return null;
}
var dd=document.getElementById("qq");
alert(GetCurrentStyle(dd,"color"));
</script>
</body>
</html>
分享到：
相关推荐
最近在做项目的时候遇到一个问题，需要获取一个动态预览的图片的地址，这其实不是什么问题，主要是该图片的路径是写在css的background-img属性中的，于是决定要用js获取它的url中的内容，下面给大家分享解决的方法，...
经常会用到js来获取元素的CSS样式，由于方法众多，在下面的文章中为大家详细整理下
js在获取css属性时如果标签中无style则无法直接获取css中的属性，所以需要一个方法可以做到这点。getStyle(obj,attr) 调用方法说明：obj为对像,attr为属性名必须兼容js中的写法(可以参考：JS可以控制样式的名称
本例的javascript代码用于获得在CSS文件中声明的特定样式中的某属性值。如：
本篇文章介绍了，使用js 获取和设置css3 属性值的实现方法。需要的朋友参考下
有一点就是Javascript无法获取到这些CSS属性值，但现在有一种方法可以获取到： 看看下面的CSS代码： .element:before { content: 'NEW'; color: rgb(255, 0, 0); }.element:before { content: 'NEW'; color: ...
用javascript获得css中的属性值的代码
用JavaScript修改CSS属性 只有写原生的javascript了。 1.用JS修改标签的 class 属性值： class 属性是在标签上引用样式表的方法之一，它的值是一个样式表的选择符，如果改变了 class 属性的值，标签所引用的样式表也...
IE下通过它, 就可以获取元素的Css属性值. 而针对其他标准浏览器, W3C也提供了一个方法getPropertyValue, 此方法, 稍有点复杂, 首先要通过document.defaultView.getComputedStyle获得Css的样式对象, 然后通过该对象...
CSS的样式分为三类： ...getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式对象([object CSSStyleDeclaration]) currentStyle是IE浏览器的一个属性，返回的是CSS样式对象 el
本文实例讲述了微信小程序实现通过js操作wxml的wxss属性。...2、通过js中绑定css属性的date值改变wxml标签内嵌的css属性 实现效果：点击所在地区，弹出选择地区的浮层 实现代码： editAddress.wxml： <
Javascript获取CSS属性值方法：getComputedStyle和currentStyle 1 .对于元素的内联CSS样式（<div xss=removed>hello），可以直接使用element.style.color来直接获取css属性的值； 2. 但是对于外部定义的css样式使用...
下面小编就为大家带来一篇js获取页面引用的css样式表中的属性值方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
用JavaScript获取伪元素(pseudo-element)属性 大家都知道如何通过一个元素的style属性获取它的CSS样式值，但能获取伪元素(pseudo-element)的属性值吗？可以的，使用JavaScript也可以访问页面中的伪元素。 代码如下:...
获取CSS属性的类型 安装 $ npm install css-value-type 用法 var getType = require ( 'css-value-type' ) getType ( '10vh' ) // 'length' getType ( 'rgb(255, 0, 0)' ) // 'color' 执照 MIT许可证（MIT） 版权...