Javascript获取css样式

javascript 获取 css 样式有两种方法

1.获取行内样式  -  obj.style.type 如  obj.style.width

这种方式可以从行内取值，也可以为行内赋值。

如果需要 获取/修改 的是 font-size，type的写法应该修改为 驼峰法 如 obj.style.fontSize类似的还有 backgroundColor  等等...

如果行内没有写样式，如何获取 ccs 样式表里的样式?

2.获取 css 样式(最终呈现在浏览器的样式)-例如， 获取obj节点中的width值

window.getComputedStyle(obj, false).width - 主流浏览器

obj.currentStyle.width - IE

这种方式只能获取读取样式，不能为样式赋值。

javascript获取属性的两种方式 通过  点 . 或者 中括号 [ ] ，中括号的优势在于括号内的值可以填[变量]

window.getComputedStyle(obj, false)['width'];  等价于  window.getComputedStyle(obj, false).width;

obj.currentStyle['width];  等价于  obj.currentStyle.width;

可以通过封装函数方便调用(解决兼容性问题)

function getStyle(obj, type) {return window.getComputedStyle ? window.getComputedStyle(obj, false)[type] : obj.currentStyle[type];}