obj.style.height只能獲取行間樣式,但是我們要怎麼獲取寫在css檔案中的樣式呢?
首先我們要用乙個新的方法currentstyle.這個方法由current和style兩個單詞組成意思是:目前的樣式.也就是載入css檔案後取出來的樣式.
currentstyle的用法是:元素.currentstyle.屬性名
下面我們開始獲取如圖div1的width樣式,那我們就需要這樣寫:
var w=document.getelementbyid('div1').currentstyle.width;
alert(w);
在ie下除錯,看是不是可以得到正確的寬度了
ie可以了然後我們換個火狐試試,無論我怎麼重新整理都沒有彈出我希望的200px,f12除錯一下,原來如此,火狐不支援currentstyle方法.
火狐和chrome支援的是另外乙個方法:getcomputedstyle,大概意思就是獲取完成的樣式.
用法:getcomputedstyle(元素,false).屬性名
同2,我們的**應該這樣寫:
var w=getcomputedstyle(document.getelementbyid('div1'),false).width;
alert(w);
現在不報錯了,也能正常的獲取了
可是我們用ie試試,肯定沒反應了.因為ie又不支援getcomputedstyle了.....是不是很蛋疼
所以現在我們要寫乙個函式叫做getclass;
內容如下:
//相容獲取非行間樣式
function getclass(obj,name)
if(obj.currentstyle)
return obj.currentstyle[name];//ie下獲取非行間樣式
else
return getcomputedstyle(obj,false)[name];//ff、chorme下獲取費行間樣式
然後我們想要獲取css中的樣式就這樣寫:
試試ie,試試火狐.都很ok的啦
javascript獲取型別
1 使用typeof函式可以用於識別運算數型別的字串,可以返回如下型別 number,string,boolenan,object,function,undefined.2 當使用typeof函式檢測null值時,返回的時object,則需要 return o null null typeof o ...
JavaScript屬性獲取
一 操作標籤的合法屬性 合法屬性 比如id class title href src等。獲取合法屬性 獲取元素之後,直接使用點語法。修改合法屬性 獲取元素之後,用等號賦值,修改已有屬性。新增合法屬性 直接等號賦值。id box title 你好 你好嗎?div var title document....
JavaScript獲取節點
可以把html中的每個標籤看成乙個節點,那麼可以通過js將這些節點獲取出來,可以使用js的乙個內建物件 物件有自己的屬性和方法 取得這些節點並且進行操作 修改,刪除,替換其內容 該物件是乙個內建物件叫作document,內建物件就是已經建立好的物件,我們可以直接使用。瀏覽器標題欄 title 引用外...