国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

用腳本調用樣式的幾種方法

2024-09-06 12:44:15
字體:
來源:轉載
供稿:網友
之前經常遇見classname、csstext之類的詞,卻不知道如何用。最近著手網站實際建設,收獲頗多,給還不懂的人分享一下。

通常在網頁中樣式表的調用方法有四種。第一是外鏈,即<link rel="StyleSheet" href = "/control/css/base.css">的形式;第二是輸入樣式表;第三是在網頁頭部申明,如<head> <style type="text/css">...;最后是直接在對象后寫樣式,即<div style = "width:80%...;">的形式。我們用腳本調用樣式,也要從這幾方面入手。

一、通常情況下,我們可以通過改變外鏈樣式的的href的值實現網頁樣式的實時切換,也就是“改變模板風格”。這時候我們首先需要賦予需要改變的目標一個id,如

<link rel = "stylesheet" type="text/css" id="css" href="firefox.css" />

調用時很簡單,如<span on click="javascript:document.getElementById('css').href = 'ie.css'">點我改變樣式</span>

二、局部改變樣式,分為改變直接樣式,改變className和改變cssText三種。需要注意的是:第一,javascript對大小寫十分敏感,className不能夠把“N”寫成“n”,cssText也不能夠把“T”寫成“t”,否則無法實現效果。第二,如果改變className,則事先在樣式表中申明類,但調用時不要再跟style,像
document.getElementById('obj').style.className="..."的寫法是錯誤的!
只能寫成:document.getElementById('obj').className="..."

但是如果用cssText的話,必須加上style,正確的寫法是:
document.getElementById('obj').style.cssText="..."

改變直接樣式我就不必說了,大家記得要寫到具體樣式即可,如
document.getElementById('obj').style.backgroundColor="#003366"
對于新人往往不知道CSS具體樣式在javascript怎么寫,而且有時候在不同瀏覽器中要求也不一樣。如float在IE中寫成styleFloat,在FIREFOX中寫成cssFloat,這就需要大家的積累了。在google中搜索“JSS”,也許會對你的疑惑有所幫助。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 张家川| 琼海市| 木兰县| 乌鲁木齐市| 合肥市| 神木县| 塔城市| 北川| 新闻| 兴义市| 托里县| 宝坻区| 杭锦旗| 高青县| 定陶县| 德格县| 青浦区| 保定市| 芜湖县| 漠河县| 太白县| 专栏| 荆门市| 蓬莱市| 吴忠市| 乌苏市| 扬州市| 拉萨市| 洪洞县| 罗田县| 镇雄县| 辰溪县| 济阳县| 龙川县| 太仆寺旗| 旌德县| 皮山县| 万荣县| 东丽区| 葫芦岛市| 卢氏县|