通過javascript設(shè)置css屬性的代碼
更新時間：2009年12月28日 23:37:32 作者：
通過javascript設(shè)置css屬性的方法需要的朋友可以參考下。
1.透明度：
如果沒有為一個文本指定一個背景顏色或者一個背景圖像，那么這個元素的背景通常是透明的。
這一點很重要，如果一個絕對定位的且?guī)в形谋镜脑胤旁谝粋€有文本的元素之上，那么將會十分的混亂，那么我們就可以通過設(shè)置背景圖片或者背景顏色來進(jìn)行遮蓋，如果必須的話我們可以將其顯示的設(shè)置為"transparent"（透明的）
通用的設(shè)置透明元素通用的css如下：
復(fù)制代碼 代碼如下:
opacity:.75;//ff new
-moz-opacity:.75;// transparency for older Mozillas
filter:Alpha(opacity=75);//for IE
2.帶有連字符的css：
駱駝式命名：
復(fù)制代碼 代碼如下:
element.style.fontFamily = "sans-serif";
element.style.borderLeftWidth = "5px";
element.style.zIndex = 100;
3.注意的地方：
復(fù)制代碼 代碼如下:
var padding_left = 50;
element.style.left = padding_left + "px";//不要忘記加單位
var topMargin = 10,rigntMargin = 11,bottomMargin = 12,leftMargin = 13;
element.style.margin = topMargin + "px" + rigntMargin + "px" + bottomMargin + "px" + leftMargin + "px";
4.設(shè)置float
復(fù)制代碼 代碼如下:
element.style.cssFloat = "left";//firefox chrome opera
element.style.styleFloat = "left";//IE
您可能感興趣的文章:
- javaScript 讀取和設(shè)置文檔元素的樣式屬性
- javascript createElement()創(chuàng)建input不能設(shè)置name屬性的解決方法
- javascript學(xué)習(xí)筆記(二十) 獲得和設(shè)置元素的特性（屬性）
- javascript 三種方法實現(xiàn)獲得和設(shè)置以及移除元素屬性
- Javascript設(shè)置對象的ReadOnly屬性(示例代碼)
- Javascript:為input設(shè)置readOnly屬性(示例講解)
- JavaScript cookie的設(shè)置獲取刪除詳解
- JavaScript設(shè)置獲取和設(shè)置屬性的方法
相關(guān)文章
js學(xué)習(xí)總結(jié)_輪播圖之漸隱漸現(xiàn)版(實例講解)
下面小編就為大家?guī)硪黄猨s學(xué)習(xí)總結(jié)_輪播圖之漸隱漸現(xiàn)版(實例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
下面小編就為大家?guī)硪黄P(guān)于Promise 異步編程的實例講解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
javascript 構(gòu)造函數(shù)強(qiáng)制調(diào)用經(jīng)驗總結(jié)
本文將介紹javascript構(gòu)造函數(shù)調(diào)用方面的案例應(yīng)用，需要了解的朋友可以參考下2012-12-12
JavaScript在ES6版本后提供了一些更加便捷的方法供開發(fā)者使用,實現(xiàn)原理其實是在對應(yīng)的構(gòu)造函數(shù)原型提供方法,下面這篇文章主要給大家介紹了關(guān)于es6中some和every方法使用的相關(guān)資料,需要的朋友可以參考下2023-04-04
javascript編程實現(xiàn)棧的方法詳解【經(jīng)典數(shù)據(jù)結(jié)構(gòu)】
這篇文章主要介紹了javascript編程實現(xiàn)棧的方法,簡單說明了棧的概念、特點并結(jié)合實例形式分析了javascript棧的定義、入棧、出棧等操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2017-04-04
javascript實現(xiàn)客戶端兼容各瀏覽器創(chuàng)建csv并下載的方法
這篇文章主要介紹了javascript實現(xiàn)客戶端兼容各瀏覽器創(chuàng)建csv并下載的方法,實例分析了javascript操作csv文件的技巧,需要的朋友可以參考下2015-03-03
JavaScript獲得頁面base標(biāo)簽中url的方法
這篇文章主要介紹了JavaScript獲得頁面base標(biāo)簽中url的方法,涉及javascript中元素的獲取及href屬性的使用技巧,需要的朋友可以參考下2015-04-04
這篇文章主要為大家介紹了通過示例演示理解javascript預(yù)解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步早日升職加薪2022-03-03
JS跳出循環(huán)的5種方法總結(jié)(return、break、continue、throw等)
想必大家都遇到過循環(huán)遍歷時遇到滿足條件的時候就跳出循環(huán)這樣的需求,于是整理了一篇各種循環(huán)是如何結(jié)束的,這篇文章主要給大家介紹了關(guān)于JS跳出循環(huán)的5種方法,分別是return、break、continue、throw等的相關(guān)資料,需要的朋友可以參考下2024-05-05
微信小程序通過自定義animate-numbers組件實現(xiàn)進(jìn)入頁面時數(shù)字跳動效果
文章介紹了如何在微信小程序中實現(xiàn)進(jìn)入頁面時的數(shù)字跳動效果,通過自定義一個名為`animate-numbers`的組件來實現(xiàn)這一功能,本文給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧2025-01-01