獲取元素的樣式

行間樣式：

<

divid
="box1"
style
="width:300px; height:100px;"
>
<
/div
>
console
.log
(box1
.style
.width
);

#box2

<
divid
="box2"
>
<
/div
>
console
.log
(box2
.style
.width
);

如：getcomputedstyle(物件，引數).樣式

第乙個引數是要獲採樣式的元素物件

第二個引數可以傳遞任何資料，通常為false或null

currentstyle：ie678獲採樣式的方法

如：obj.currentstyle.樣式

offsetleft：獲取物件左側與定位父級之間的距離(預設是body)

offsettop：獲取物件上側與定位父級之間的距離(預設是body)

offsetwidth：獲取元素自身的寬度（包含邊框）

offsetheight：獲取元素自身的高度（包含邊框）

clientleft、clienttop：獲取元素內容到邊框的距離，效果和邊框寬度相同，很少使用

clientwidth：獲取元素自身的寬度（不含邊框）

clientheight：獲取元素自身的高度（不含邊框）

document.documentelement.clientwidth 瀏覽器可視區寬度

document.documentelement.clientheight 瀏覽器可視區高度

document.body.clientwidth body的寬度

document.body.clientheight body的高度

document.documentelement.offsetwidth 整個文件寬度

document.documentelement.offsetheight 整個文件高度

獲取元素樣式

object.style attr 只可獲取html標籤內的樣式，主要用來設定css,而不可獲取style標籤中的css樣式 ie支援object.currentstyle attr ff支援getcomputedstyle object,false attr 首先是有兩個引數，元素和偽類。第二個引...

獲取元素樣式

1 ele.style ele.style只能獲取寫在元素標籤中的style屬性裡的樣式值，無法獲取到定義在和通重載入進來的樣式屬性 var test document.getelementbyid test 獲取節點的color test.style.color 2 getcomputedstyl...

獲取元素樣式屬性的方法

獲取 的高度1 如果是行內樣式 style可以直接獲取。document.getelementsbytagname div 0 style.height 2 如果是內聯樣式 用style返回的是undefined 需要採用其他方法。由於不同瀏覽器造成相容問題，獲取的方法又不相同。在ie中，採用的是c...