日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > javascript >内容正文

javascript

JavaScript修改css中style,classname,cssText实例

發布時間:2025/6/15 javascript 35 豆豆
生活随笔 收集整理的這篇文章主要介紹了 JavaScript修改css中style,classname,cssText实例 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

一、局部改變樣式?
分為改變直接樣式,改變className和改變cssText三種。需要注意的是:?
注意大小寫:?
javascript對大小寫十分敏感,className不能夠把“N”寫成“n”,cssText也不能夠把“T”寫成“

t”,否則無法實現效果。?
調用方法:?
如果改變className,則事先在樣式表中申明類,但調用時不要再跟style,像

document.getElementById('obj').style.className=”…”的寫法是錯誤的!只能寫成:

document.getElementById('obj').className=”…”?
改變cssText?
但是如果用cssText的話,必須加上style,正確的寫法是:document.getElementById

('obj').style.cssText=”…”

改變直接樣式我就不必說了,大家記得要寫到具體樣式即可,如?
document.getElementById('obj').style.backgroundColor=”#003366″


二、全局改變樣式?
通常情況下,我們可以通過改變外鏈樣式的的href的值實現網頁樣式的實時切換,也就是“改變模板

風格”。這時候我們首先需要賦予需要改變的目標一個id,如

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

</span>?
對于新人往往不知道CSS具體樣式在javascript怎么寫,而且有時候在不同瀏覽器中要求也不一樣。如

float在IE中寫成styleFloat,在FIREFOX中寫成cssFloat,這就需要大家的積累了。在google中搜索

“ccvita javascript”,也許會對你的疑惑有所幫助。

總結

以上是生活随笔為你收集整理的JavaScript修改css中style,classname,cssText实例的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。