使用jQuery获取非行内式的HTML元素的style属性

使用jQuery css() 方法

css() 方法设置或返回被选元素的一个或多个样式属性。

语法：

css("propertyname","value");

1.当value参数不存在时为获取该属性

2.当value参数存在时为设置该属性。

$("p").css("background-color");//获取p元素的背景颜色

$("p").css("background-color","yellow");//设置p元素的背景颜色为黄色

返回 CSS 属性

如需返回指定的 CSS 属性的值，请使用如下语法：

css("propertyname");

如需设置指定的 CSS 属性，请使用如下语法：

css("propertyname","value");

设置多个 CSS 属性

如需设置多个 CSS 属性，请使用如下语法：

css({"propertyname":"value","propertyname":"value",...});

用js的style属性可以获得html标签的样式是不能获取非行间样式

var oDiv=document.getElementById('div1');

oDiv.style.left无法获取到left属性（和style的插入方式有关：行内式，嵌入式，链接式）。

 

在javascript中，获取这三种样式表的方法是有限制的，style只能获取元素的内联样式，

嵌入样式和外部样式使用style是获取不到的，javascript提供了另外的获取方式，嵌入样式和外部样式可以通过currentStyle（IE浏览器）、getComputedStyle（Firefox、opera、safari、chrome浏览器）的方式获取。

使用方法分别是window.currentStyle["attr']和window.getComputedStyle(ob, pseudoElt)["attr']。

这就是使用js获取style的二两种方式：1 document.getElementById("").style.left;

                                                  2 window.getComputedStyle()