概述
使用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()
最后
以上就是炙热绿茶为你收集整理的使用jQuery获取非行内式的HTML元素的style属性用js的style属性可以获得html标签的样式是不能获取非行间样式的全部内容,希望文章能够帮你解决使用jQuery获取非行内式的HTML元素的style属性用js的style属性可以获得html标签的样式是不能获取非行间样式所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复