* 1.elem.style.attr:最常用的方法
** 2.elem.style.csstext="
樣式":
當要使用很多樣式的時候就是用這個方法
** 3.elem.style.length:
返回使用了多少樣式
(不太靠譜)*
* 4.elem.style.item(index):
返回第index
個css屬性(
一定要是通過
js新增的,而且
* 合併的屬性會被拆分如；
border:1px solid #aaa
，這樣的屬性會被拆分為
4個方向返回)*
* 5.elem.style.removeproperty(attrname):
刪除某個
css屬性
(ie9+)
** 6.document.defaultview.getcomputedstyle(elem,null):
返回計算過的樣式
(ie9+)
* (當然
ie中可以使用
elem.currentstyle
來獲取計算過的樣式 )*
* 7.document.stylesheets
屬性可以返回所有的
css樣式，不管是
link
進來的還是
style內的(
行內樣式不算
)* (
返回乙個
stylesheetlist
包含cssstylesheet,
有幾個link
和style
就包含幾個
)* (
每個cssstylesheet
包含rules
屬性,rules
屬性包含
cssstylerule屬性,
有幾條屬性就有幾個
* cssstylerule
，每條cssstylerule
又包含乙個
style
物件能夠訪問到具體屬性
)* var onesheet=document.stylesheets[0]; //
獲取其中乙個樣式表
* var rules=onesheet.cssrules || onesheet.rules; //
獲採樣式表中的
css規則
* var rule=rules[0]; //
獲取第一條規則，這是乙個包含所有樣式型別的物件
,可以通過
rule.
樣式屬性 來訪問
** 8.insertrule()
插入規則(在
ie中是
addrule()):
這個方法可以插入一條
css規則
* sheet.insertrule(
具體內容
,要插入的目標
);e.g:sheet.insertrule("#box",0)
* sheet.addrule(
選擇器,內容,
目標);e.g:sheet.addrule("#box","background-color:white","0")
** 9.deleterule(
樣式表,
位置)(ie
中使用removerule()):
刪除css
規則
JS操作css樣式
操作內聯樣式 通過js修改元素的樣式 通過style屬性設定的樣式都是內聯樣式，而內聯樣式具有較高的優先順序，所以通過js修改的樣式往往會立即顯示 讀取元素的樣式 獲取元素當前顯示的樣式 currentstyle 語法 元素.currentstyle.樣式名 getcomputedstyle 該方法...
js操作css樣式
1.js操作css樣式 例如 div style width 100px 就是在div標籤內我們新增乙個style屬性，並設定了width值，這種寫法會給標籤帶來大量的style屬性，跟實際專案是不符合的，我們沒有讓css和html分離。所以如果是為了獲取css樣式 用 window getcomp...
js基礎 類css的操作
通過style屬性來修改元素的樣式，每修改乙個樣式 瀏覽器就需要重新渲染一次頁面 這樣的執行的效能是比較差的，而且這種形式當我們要 修改多個樣式時，也不太方便。而且，css是樣式，js是行為，這樣的操作就是行為和表現混合了，在開發中盡量少用。我們可以通過修改元素的class屬性來間接修改樣式，這樣一...