、獲取內(nèi)聯(lián)樣式
1 <div id ="myDiv" style="width:100px;height:100px;background-color:red; border:1px solid black;"></div>
2 <script>
3 var myDiv = document.getElementById("myDiv"); 4
5 alert(myDiv.style.width);//100px
6
7 alert(myDiv.style['height']);//100px
8
9 var style=myDiv.style;10 alert(style.backgroundColor);//red11 12 myDiv.style.backgroundColor='green';//myDiv背景色變?yōu)榫G色 13 </script>
在這種情況下，獲取和設(shè)置樣式只靠style屬性就可以，因為element.style屬性返回的是類似數(shù)組的一組樣式屬性及對應(yīng)值，因此訪問具體樣式的時候可以采取兩種方式即“ele.style.屬性名稱”和“ele.style['屬性名稱']”。但是，要注意的是，針對css樣式里background-color;margin-left之類的短杠相接的屬性名稱，在使用style屬性獲取設(shè)置樣式的時候名稱要改為駝峰式，如ele.style.backgroundColor.
二、因為第一種方法，即使用style屬性只能獲取到內(nèi)聯(lián)樣式。但是，實際情況是文檔在現(xiàn)在都基本遵循分離思想，樣式基本都是外部鏈接，所以三種樣式都要考慮到的，這時就要使用其他方法進(jìn)行獲取，而在這種情況下進(jìn)行樣式獲取時
