js--获取和设置css属性

在这一章我们讲述一下如何通过js来操作css中的属性

1,首先，我们想获取元素的一些属性。例如innerHTML,value等值时，我们可以

var　object=document.getELementById(id);

var aa=object.innerHTML或者var bb=object.value;

此外对于这些属性的设置，我们也可以直接设置

object.innerHTML="###"

object.value="####"

2,对于width，height，background-color，等等其他的属性我们可以通过以下的方法设置他的值

Object.style.property="###";

有人说，我们可不可以通过var aa=Object.style.property;来获取某个属性值啊？

回答是不可以的，上述方式无法获得属性值。

对于这些属性的获取就很复杂了，我们要考虑浏览器兼容问题(我们在这里封装成一个函数,其中node就是我们要改变属性值的那个元素，property对应是的就是要改变得属性)

function getStyle(node, property){

if (node.style[property]) {
return node.style[property];
}
else if (node.currentStyle) {
return node.currentStyle[property];

}else if (document.defaultView && document.defaultView.getComputedStyle) {
return document.defaultView.getComputedStyle(node, null)[property];
}
return null;
}