本文目录一览：
- 1、javascript 的 div.style.backgroundImage，直接设置为img(Image)
- 2、js中style.backgroundColor和style.background和style.Color。这3个有什么区别？
- 3、Div中的style:background-image属性在script中该怎么用?
- 4、js怎么获取css样式里的background属性值呢？
- 5、JS问题，求问更改css属性的问题。XX.style.background="red"不是正确的吗？这里怎么不行
- 6、js中.style.background无法改变背景颜色
javascript 的 div.style.backgroundImage，直接设置为img(Image)
function setbg() {
var top = document.getElementById("thetop");
var img = new Image();
img.src = "bar_bg.png";
img.width = top.style.width;
img.height = top.style.height;
img.onload = function (top) {
top.style.backgroundImage = "url(bar_bg.png);";
}
}
js中style.backgroundColor和style.background和style.Color。这3个有什么区别？
style[] 其实就是返回的是一个CSS样式声明对象([object CSSStyleDeclaration]) 其实我们直接用.XXX去做一个样式的改变时候 就像我们用window.onload 一样 调用了window对象的onload方法，当然我们用.去直接调用对象中的方法或者内容的时候是严格...-style.background
Div中的style:background-image属性在script中该怎么用?
举个例子哈====!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " "
html xmlns=" "
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title无标题文档/title
style type="text/css"
#test{
width:300px;
height:400px;
background-image:url( );
}
/style
/headbody
div id="test"
/div
script type="text/javascript"
var test=document.getElementById("test");
test.onmouseover=function(){
this.style.backgroundImage="url( )";
}
test.onmouseout=function(){
this.style.backgroundImage="";
}
/script
/body
/html
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
JS问题，求问更改css属性的问题。XX.style.background="red"不是正确的吗？这里怎么不行
style[] 其实就是返回的是一个CSS样式声明对象([object CSSStyleDeclaration])
其实我们直接用.XXX去做一个样式的改变时候 就像我们用window.onload 一样 调用了window对象的onload方法，当然我们用.去直接调用对象中的方法或者内容的时候是严格区分大小的。-style.background
其实主要的问题是style. 后面的参数在js内部虚拟机的解析问题，因为你是通过来的参数
就是好比arr 就是width
obj.style.arr = '1px';
这里的arr js会认为arr是css对象中的一个属性
obj.style[arr] = '1px'
这里的arr js会将arr实意后找到css对象中的属性
当然这样也是不行的
obj.style['arr'] = '1px'
我也不知道楼主能不能懂，但是就是这么一个意思，如果楼主质执意要用style.width = xx;
可以用过switch进行设置
switch(arr)
case 'width' : obj.style.width = '1px';
js中.style.background无法改变背景颜色
是不是还有在其他优先级更高的地方对这个标签设置了颜色，可以用网页的审查元素看看最终使用的css
