JavaScript获取元素的样式

本文介绍了JavaScript获取和设置元素样式的三种方法,包括使用element.style属性,获取内联样式,以及利用getComputedStyle()方法获取元素的完整显示样式。特别指出getComputedStyle()不支持IE8及以下浏览器,且属性为只读。适合JavaScript初学者阅读。
摘要由CSDN通过智能技术生成

注意共有3个步骤按顺序操作下去

1.通过style属性获取/修改样式元素.style.样式名=样式值 读取方式:元素.style.样式名

通过style属性设置和读取的都是内联样式

2.获取元素内联样式属性

3.需要获取样式的元素可以传递一个伪元素,一般都传null说明:该方法返回一个对象,对象中封装了当前元素对应的样式, varobj=getComputedStyle(element,null); //该方法的使用说明 获取元素显示样式: obj.属性名 或则obj["属性名"] ,如果获取的样式没有设置,则会获取到真实的值,而不是默认值。例如:如果没有设置width,获取到的值为1200px(元素实际的值)。注意:!!!该方法不支持IE8及以下的浏览器getComputedStyle()方法与currentStyle属性都是只读的属性,不能修改属性,如果需要修改属性的值,只能使用style属性

 

这是我所学到的JavaScript获取元素的样式,所以我要分享给你们,希望可以帮助到你们。以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!

      链接

发表平台

文章发表网站链接URL

文章发表网站链接【二维码】

发表者

CSDN个人博客

 CSDN博客 - 专业IT技术发表平台

学生本人

郭喜玲

百度贴吧:广信IT学院吧

广信it学院吧-百度贴吧--善学、善能、立德、立功--欢迎广大互联网的朋友们,在本吧,大家除了分享自己技术要点以及学习感想,也可以在本吧进行相互的交流,提出一些技术难点,以及自己不理解的问题,让我们来共同

(百度贴吧正文开头添加本文章CSDN的两个发表链接)

每个月发布在同一个主题下,每个月的网页链接和二维码都是同一个。

学生本人

郭喜玲

百度贴吧:广东信息科技职业培训学院吧

广东信息科技职业培训学院吧-百度贴吧--大家好好学习哦--广东信息科技职业培训学院是由广东省政府主管部门批准成立的,培养各类专业层次技术人才的职业院校。本学院致力于培养德才兼备的实用型技术人才。学院的办学

(百度贴吧正文开头添加本文章CSDN的两个发表链接)

学生本人

郭喜玲

草料二维码生

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值