js和jquery中获取非行间样式
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了js和jquery中获取非行间样式,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1328字,纯文字阅读大概需要2分钟。
内容图文
![js和jquery中获取非行间样式](/upload/InfoBanner/zyjiaocheng/344/f163a860a8774c129be19d6469167e91.jpg)
样式又分为了行间样式和非行间样式。一般来说行间样式用的是比较少的,因为它能够作用的范围就只有一个元素,而非行间样式的作用范围可以是一类元素(即拥有相同德标签,或者说是有相同的类名,(当然id名不可能相同,唯一性)
那么来说说在js和jquery中,有时候需要获取元素的样式,比如说width或者height,在这种情况下如何获取?
js中
1、行间样式:
相信大家无论是看书还是咋滴,都知道怎么获取行间样式吧,就是利用一个style:
这种利用style的方式获取的只能是行间样式。
2、非行间样式
此处我就直接上封装的函数了,就不在编辑器中编辑运行了
function getStyle(obj,attr) { if(obj.currentStyle) { return obj.currentStyle[attr]; } else return getComputedStyle(obj,null)[attr];//放null参数的那个地方放false也可以,只要带一个参数,值您任意,高兴就好。 }
好了,就封装这么个简单的函数,在获取非行间元素的时候调用一下就ok了哦。(ps:比如说getStyle(oDiv,'width'))
jquery中
其实我以为在jquery中需要用跟js中一样的封装的那个函数;好吧,结果根本不用。直接用方法就ok
首先是用jquery中的width()和height()方法(这两个方法获取的只包含内容区域的宽高,这个获取的数据类型是number),(ps:除此以外,outerWidth() ,outerHeight()这两个方法是获取盒子模型中的包含内边距和边框的宽度和高度)
还有一种方法获取非行间样式,使用css()方法,这个方法获取的数据类型是string
恩恩,差不多就是这么多。over!
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!
内容总结
以上是互联网集市为您收集整理的js和jquery中获取非行间样式全部内容,希望文章能够帮你解决js和jquery中获取非行间样式所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。