我是靠谱客的博主 炙热绿茶,最近开发中收集的这篇文章主要介绍使用jQuery获取非行内式的HTML元素的style属性用js的style属性可以获得html标签的样式是不能获取非行间样式,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

使用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标签的样式是不能获取非行间样式所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(44)

评论列表共有 0 条评论

立即
投稿
返回
顶部