獲取
的高度1、如果是行內樣式：style可以直接獲取。document.getelementsbytagname("div")[0].style.height;
2、如果是內聯樣式：用style返回的是undefined；需要採用其他方法。由於不同瀏覽器造成相容問題，獲取的方法又不相同。在ie中，採用的是currentstyle.height。而在firefox、chrome中，則是getcomputed(obj,false).height 。
為了方便，可以寫乙個相容函式來實現：
function getstyle(obj,name)else{
return getcomputed(obj,false)[name]
這樣就可以同時在ie、firefox、google中生效了。
上面就可以這樣：
var box=document.getelementbyid("box");
var height=getstyle(box,"height");
console.log(height);
3、在這個題目中。因為只涉及到乙個屬性獲取，可以寫簡單一些。如下：
var box=document.getelementbyid("box");
var height=getcomputed(obj,false).height || box.currentstyle.height;
console.log(height);
這裡有乙個坑：
如果這樣寫：
var box=document.getelementbyid("box");
var height=box.currentstyle.height || getcomputed(obj,false).height;
console.log(height);
在firefox、chrome中會報錯。但是在ie中不報錯
獲取 DOM 元素設定的樣式屬性
document.getelementbyid style獲取的是元素行間設定的樣式，不能獲取到css中設定的樣式。如果要獲取css中設定的樣式，可以試試getcomputedstyle 標準瀏覽器 或者currentstyle ie低版本 let target document.getelemen...
獲取元素屬性的方法
1.元素.style.屬性名 只能獲取元素行內的樣式 獲取不到css 中 的樣式 var obox document.getelementbyid box console.log obox.style.width 2.getcomputedstyle 獲取瀏覽器的計算樣式 是window的乙個屬性 ...
獲取元素css樣式的方法
getcomputedstyle 元素 屬性名 ie不相容 currentstyle 只有ie相容 function getcss curele,attr else function getcss curele,attr catch e box style width 800px div let b...