样式又分为了行间样式和非行间样式。一般来说行间样式用的是比较少的，因为它能够作用的范围就只有一个元素，而非行间样式的作用范围可以是一类元素（即拥有相同德标签，或者说是有相同的类名，(当然id名不可能相同，唯一性) 那么来说说在js和jquery中，有时候需要获取元素的样式，比如说width或者height，在这种情况下如何获取? [b]js中[/b] [b]1、行间样式：[/b] 相信大家无论是看书还是咋滴，都知道怎么获取行间样式吧，就是利用一个style： [img]http://files.jb51.net/file_images/article/201705/201705051153084.png[/img] 这种利用style的方式获取的只能是行间样式。 [b]2、非行间样式[/b] 此处我就直接上封装的函数了，就不在编辑器中编辑运行了 好了，就封装这么个简单的函数，在获取非行间元素的时候调用一下就ok了哦。（ps:比如说getStyle(oDiv,'width')） [b]jquery中[/b] 其实我以为在jquery中需要用跟js中一样的封装的那个函数；好吧，结果根本不用。直接用方法就ok 首先是用jquery中的width()和height()方法（这两个方法获取的只包含内容区域的宽高,这个获取的数据类型是number），（ps:除此以外，outerWidth() ，outerHeight()这两个方法是获取盒子模型中的包含内边距和边框的宽度和高度） [img]http://files.jb51.net/file_images/article/201705/201705051153085.png[/img] 还有一种方法获取非行间样式，使用css（）方法，这个方法获取的数据类型是string [img]http://files.jb51.net/file_images/article/201705/201705051153086.png[/img] 恩恩，差不多就是这么多。over！ 以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持编程素材网！