国产视频app在javascritp中,我們可以通過style屬性可以控制元素的樣式,從而實現行為層通過DOM的style屬性去干預顯示層顯示的目標,但是這種方法是不好的,而且為了實現通過DOM腳本設置的樣式,你不得不花時間去研究javascrip函數,去尋找對應修改和設置樣式的有關語句。而且每次修改和添加JS腳本的工作量遠遠大于我們修改CSS屬性的量。

與其使用DOM修改元素樣式,不如使用函數去更新他的CLASS屬性來的實在一些。

ClassName屬性

ClassName屬性可以獲取或寫入指定元素的Class屬性。

ClassName屬性

語法:

element.className

獲取一指定元素的class屬性,并寫入一個新值

HTML代碼:

<!DOCTYPE html>
    <head>
    </head>
    <body>
    <div id=“mochu” class="m">
    ........
    </div>
    </body>
</html>

国产视频appjavascript代碼

var element = document.getElementById("mochu");
var classs = element.className;//獲取它的CLASS屬性
element.className = newclass;//替換一個新的CALSS屬性

例:

還有上面的HTML代碼,向元素內加入一個新的CLASS屬性

ClassName屬性

javascript代碼

var element = document.getElementById("mochu");
var classs = element.className;//獲取它的CLASS屬性
classs += '';//加入一個空格
classs += newclass;//加入一個新的class屬性
element.className = classs;//替換一個新的CALSS屬性

国产视频app這里需要注意的時,className屬性,不能以新增加的方法寫入class屬性,必須獲取老屬性,然后合成字符串形式再寫入!

setAttribute屬性

国产视频app我們也可以利用javascript中提供的setAttribute屬性,寫入class屬性,以及其屬性值

国产视频app這里不再多說,可以參考我以前的文章。