久久96国产精品久久久-久久发布国产伦子伦精品-久久精品国产精品青草-久久天天躁夜夜躁狠狠85麻豆

技術員聯盟提供win764位系統下載,win10,win7,xp,裝機純凈版,64位旗艦版,綠色軟件,免費軟件下載基地!

當前位置:主頁 > 教程 > 服務器類 >

js和jquery中獲取非行間樣式

來源:技術員聯盟┆發布時間:2017-06-20 00:35┆點擊:

  樣式又分為了行間樣式和非行間樣式。一般來說行間樣式用的是比較少的,因為它能夠作用的范圍就只有一個元素,而非行間樣式的作用范圍可以是一類元素(即擁有相同德標簽,或者說是有相同的類名,(當然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()這兩個方法是獲取盒子模型中的包含內邊距和邊框的寬度和高度)

js和jquery中獲取非行間樣式

  還有一種方法獲取非行間樣式,使用css()方法,這個方法獲取的數據類型是string

  恩恩,差不多就是這么多。over!