非行內CSS屬性的取得方式 getComputedStyle()

今天在研究老師的範例時發現的問題，目前老師有教到用getElementById(‘id’).style.width來設定元素的樣式值，但是我發現這個做法只能取得行內樣式的值，這樣我有點麻煩，其它的屬性可以改用offsetWidth之類的來取值但是象z-index之類的屬性似乎沒有對應的方法可以取值，好險，在國外的論壇最後找到了，然後再用關鍵字也在國內的幾篇部落格找到相關的討論，對於非行內樣式但己經套用到元素中的CSS，需要使用getComputedStyle()這個方法來取值，完整的使用語法如下：

　
window.getComputedStyle(elmnt,null).getPropertyValue('z-index')

or

document.defaultView.getComputedStyle(elmnt,null).getPropertyValue('z-index')
　

不過要額外注意的是這個方法只能拿來取值，無法設值，所以設值還是要用原本的.style去設