、獲取內(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>
在這種情況下，獲取和設置樣式只靠style屬性就可以，因為element.style屬性返回的是類似數(shù)組的一組樣式屬性及對應值，因此訪問具體樣式的時候可以采取兩種方式即“ele.style.屬性名稱”和“ele.style['屬性名稱']”。但是，要注意的是，針對css樣式里background-color;margin-left之類的短杠相接的屬性名稱，在使用style屬性獲取設置樣式的時候名稱要改為駝峰式，如ele.style.backgroundColor.
二、因為第一種方法，即使用style屬性只能獲取到內(nèi)聯(lián)樣式。但是，實際情況是文檔在現(xiàn)在都基本遵循分離思想，樣式基本都是外部鏈接，所以三種樣式都要考慮到的，這時就要使用其他方法進行獲取，而在這種情況下進行樣式獲取時
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉無線電——不安全的藍牙鎖 2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標分割】 2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實現(xiàn)JSON轉Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應用分析 2017-07-26
- 集合結合數(shù)據(jù)結構來看看(二) 2017-07-26
學習是年輕人改變自己的最好方式