js怎么获取css样式里的background属性值呢?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js怎么获取css样式里的background属性值呢?相关的知识,希望对你有一定的参考价值。

ss文件中如何得到某个属性值:
一、getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值,
返回的是一个CSS样式声明对象 , 只读, 此方法支持Firefox浏览器;
语法:var style=window.getComputedStyle(“元素”,“伪类”);第一个参数是必须的,第二个为可选的。
二、currentStyle 是一款可以兼容IE浏览器的属性返回的是当前所有最终使用的CSS属性值,
利用element.CurrentStyle.attribute可获取
其与getComputedStyle区别:1、 currentStyle不支持伪类样式获取;
2、currentStyle不支持现代浏览器,支持IE

代码说明:

[html] view plain copy
<span style="font-size:14px;"><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<style type="text/css">
#div1
width:100px;height:100px;background: red;

</style>
<body>
<div id="div1"></div>
</body>
<script type="text/javascript">
var oDiv = document.getElementById('div1');
/*
只能获取,不能设置
获取到的是计算后的样式
最好不要获取复合样式
所获取的样式要设初使值
获取到的样式类型是字符串
别空格 [' width']
*获取到的样式带px的
transform 获取不到
transition 不准确
*/
function getStyle(obj,attr)
if(obj.currentStyle) //IE
return obj.currentStyle[attr];
else
return getComputedStyle(obj,"伪类")[attr]; //Firefox



alert(getStyle(oDiv1,'background'));</html></span>
参考技术A //例子,以jquery为例
<div style="background:#f00" id="test"></div>

console.log( $( "#test" ).css( "background" ) );//#f00

参考技术B 这是获取页面BODY的背景属性:document.body.background
其他的元素可以document.getElementById("").background追问

我获取div里的背景图地址怎么写,背景图地址写在css里的

追答

body的背景地址document.body.style.backgroundImage
DIV的 document.getElementById("divId").style.backgroundImage

追问

怎么会提示未定义呢?

背景是这样写的

background:url(./images/…….jpg);

还有怎么我获取的img标签的src值时既然是绝对路径,我本来是相对路径的

参考技术C

语法:Object.style.background

举例:document.body.style.background="#FFCC80 url(bgdesert.jpg) repeat-y";

参考资料:http://www.w3school.com.cn/jsref/prop_style_background.asp

参考技术D $('id').css('属性值'),这个属性值可以是background-color

jsoup怎么解析javascript动态改变html标签的属性值

jsoup可以解析出 js 的文件名,至于 js 文件里的内容,可以用程序下载能得到的,但这不是 jsoup 干的事。
参考实例如下:
Elements els = doc.select("script");
for(Element el: els)
//提取src信息
String src = el.attr("src");
//得到js的地址了,就可以下载了。比如外部css样式表也可以类似的方式取出来
参考技术A jsoup可以解析出 js 的文件名,至于 js 文件里的内容,可以用程序下载能得到的,但这不是 jsoup 干的事。
参考实例如下:
Elements els = doc.select("script");
for(Element el: els)
//提取src信息
String src = el.attr("src");
//得到js的地址了,就可以下载了。比如外部css样式表也可以类似的方式取出来
参考技术B 方法一:把数据拿上,java写一遍js的逻辑,得到数据,

方法二:有个 htmlunit 可以执行js。本回答被提问者采纳

以上是关于js怎么获取css样式里的background属性值呢?的主要内容,如果未能解决你的问题,请参考以下文章

用js的啥方法把样式的某个属性去掉而其他的属性保留

如何用js实现,点击后,改变一个css

CSS里的background url怎么设置呢?

js怎么获得网页的背景图片 document.body.style.backgroundImage 为啥得不到

js如何更改css样式,

CSS中的“class”里的样式属性是不是能够有多个?