如何用javascript動態修改css檔案

2021-06-05 21:21:08 字數 1388 閱讀 4589

有乙個css檔案:abc.css  

內容如下:

.class1

要動態查詢到這個類並修改裡面的屬性.

我找到的操作方法是使用dom的stylesheets集合。

先在頁面加上

然後呼叫document.stylesheets[0]得到這個css檔案的引用,再根據一些子屬性可以定位到這個 .class1{}

但怎麼把他的內容修改呢?

這樣取得引用好像是不能修改原檔案的,有沒有像匯入xml檔案那樣的方法呢?

abc.css

css code

.class1 

html code

doctype html public "-//w3c//dtd html 4.0 transitional//en"

>

<

html

>

<

head

>

<

link

rel="stylesheet"

type

="text/css"

href

="abc.css"

/>

<

title

>

new document

title

>

<

script

>

window.onload

=fninit;

function

fninit()

script

>

head

>

<

body

>

<

div

class

="class1"

>

aaadiv

>

body

>

html

>

這個問題**煩..

如果是在 style 裡還容易點

在 link 裡, ie裡可以很容易解決, 在ff裡只能遍歷...

乙個參考函式

1. test.html

2. style.css

1. test.html

請選擇請選擇

請選擇請選擇

您當前選擇的是:

2. style.css

.catshow

.catshow dl

.catshow dl dd

.catshow dl .hasitem

.catshow dl .curcat

.catshow dl .curcat_hasitem

#productcatstatus

如何用Javascript寫乙個Class?

記得前面某次面試被問到此問題,一直以來因為對js的不重視 一知半解,所以當時就懵了 最近google了下,找到以下幾種寫class的方式 1 js因為不是oo語言,所以沒有class的概念,都是通過prototype的方式實現的。var namedclass class.create getname...

JavaScript動態載入

在做專案的過程中需要用到動態載入,如何做,剛開始很為難。什麼是動態載入呢?比如說,新增便簽時,在往庫里插入資料的同時需要顯示在介面上,新增資料後重新整理頁面是可以獲得,但是沒插入一條資料都要重新整理介面的話,不僅麻煩,還很慢。所以就需要用到動態載入。經過不懈努力,其實,也就是動態拼接字串而已。再新增...

javascript的動態this與動態繫結

乙個簡單的例子 1.window.name window 2.varrun function 5.run window.name window var run function run 執行 這裡你不能說run是作為window的乙個屬性而存在,但它的確是被window屬性呼叫了。實質上大多數暴露在...