一、使用js操作css屬性的寫法
1、對于沒有中劃線的css屬性一般直接使用style.屬性名即可。
如:obj.style.margin,obj.style.width,obj.style.left,obj.style.position
2、對于含有中劃線的css屬性,將每個中劃線去掉并將每個中劃線后的第一個字符換成大寫即可。
如:obj.style.marginTop,obj.style.borderLeftWidth,obj.style.zIndex,obj.style.fontFamily等
3、js操作css float屬性的特殊寫法
因?yàn)?nbsp;float 是javascript的保留字,我們不能直接使用obj.style.float來使用,這樣操作是無效的。其正確的使用方法是為:IE:obj.style.styleFloat,其他瀏覽器Mozilla(gecko),ff等用 styleFloat:obj.style.cssFloat。
二、使用js獲取css屬性值
1、獲取行內(nèi)Style:obj.style. 屬性名。<div id="css88" class="ss" style="width:200px; height:200px; background:#333333">JS獲取CSS屬性值</div> 不能訪問class。
2、獲取Class內(nèi)及Link外部的Css屬性:IE中使用的是obj.currentStyle[“屬性名”]方法,而FF是用的是getComputedStyle 方法
三、使用js給css屬性賦值
1、賦值class屬性
賦值:document.getElementById('ceil').className = "class1";
如它有多個值:document.getElementById('ceil').className = "class1 class2 class3";
2、obj.style.cssText設(shè)定一個對象的css樣式
document.getElementById('navition').style.cssText = "您的CSS代碼';