手机
当前位置:查字典教程网 >电脑 >服务器_操作系统教程 >js和jquery中获取非行间样式
js和jquery中获取非行间样式
摘要:样式又分为了行间样式和非行间样式。一般来说行间样式用的是比较少的,因为它能够作用的范围就只有一个元素,而非行间样式的作用范围可以是一类元素(...

  样式又分为了行间样式和非行间样式。一般来说行间样式用的是比较少的,因为它能够作用的范围就只有一个元素,而非行间样式的作用范围可以是一类元素(即拥有相同德标签,或者说是有相同的类名,(当然id名不可能相同,唯一性)

  那么来说说在js和jquery中,有时候需要获取元素的样式,比如说width或者height,在这种情况下如何获取?

  js中

  1、行间样式:

  相信大家无论是看书还是咋滴,都知道怎么获取行间样式吧,就是利用一个style:

js和jquery中获取非行间样式 三联

  这种利用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中获取非行间样式】相关文章:

Linux系统如何安装和使用shell编写的工具supportconfig

Windows文件在Ubuntu上显示乱码而Windows读取正常

Linux下自动清理大量文件的方案探究

下载安装Win10企业版的方法(全程图解)

Linux下partprobe命令的使用详解

在Linux系统中使用蓝牙功能的基本方法

JS实现队列的先进先出功能示例教程

nginx安装文件上传ngx_upload模块教程

经典常用SQL语句优化技巧总结大全

Linux Shell脚本系列教程(七):脚本调试

精品推荐
分类导航