js和jquery中获取非行间样式
样式又分为了行间样式和非行间样式。一般来说行间样式用的是比较少的，因为它能够作用的范围就只有一个元素，而非行间样式的作用范围可以是一类元素(即拥有相同德标签，或者说是有相同的类名，(当然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获取input框里面的值
处理表单的时候通常会通过获取input中的值来进行比较判断,或者赋值,对于前端的验证用到比较多,那么怎么获取input中的值呢? 通过js来获取input的值的准备工作 01 首先建立一个静态页面命名 ...
-
js中获取事件对象的方法小结
操作方法 01 事件对象 的获取很简单,很久前我们就知道IE中事件对象是作为全局对象( window.event )存在的,Firefox中则是做为句柄( handler )的第一个参数传入内的.所以 ...
-
如何在Word2007页面视图中显示页面间空白
在Word2007文档中，用户可以根据需要隐藏或显示页面间的空白部分（即上下页边距，包括页眉和页脚的内容），具体设置步骤如下所述： 第1步，打开Word2007文档窗口，依次单击“Office按钮”→ ...
-
如何在Word2010文档中设置SmartArt图形样式
在Word2010文档中设置SmartArt图形样式的步骤如下所述: 第1步,打开Word2010文档窗口,选中SmartArt图形. 第2步,打开"SmartArt工具/设计"功 ...
-
在Word2013中获取屏幕截图的方法
号外!号外!Word2013也有截图功能啦!不用QQ，不用键盘上的截图键，我们也能照样轻松搞定截图。什么?你不知道怎么做么?没关系，看看下面就知道啦! 在Word2013中获取屏幕截图的操作步骤： 1 ...
-
在Word2007文档中应用剪贴画样式
在Word2007文档中，用户可以为选中的剪贴画应用多种样式，包括透视、映像、边框、投影等多种样式，操作方法如下所述： 打开Word2007文档窗口，选中需要应用样式的剪贴画(按住Ctrl键的同时可以 ...
-
Linux系统中获取路径的文件名的方法
这篇文章主要介绍了Linux系统中获取路径的文件名的方法,文中总结出了两条,需要的朋友可以参考下 代码如下: [root@dabu.info ]#basename /root/aaa/bbb/dabu ...
-
如何在win8系统中获取删除文件的最高权限?
在以前的winXP系统和win7 64位旗舰版系统中,咱们默认使用的就是管理员账户登陆,因此咱们在操作Windows系统的时候遇到权限的问题也比较少,但是在进入到win8系统之后,为了更好的保护用户的 ...
-
在Frontpage 中定义网页CSS样式
说明:目前Frontpage的最新版本是FrontpageXP(Frontpage 2003),本文是以Frontpage2000讲述的,但本文所描述的方法在FrontpageXP中基本上是适用的!另 ...
