原文:原生JS設置CSS樣式的幾種方式

用JS來動態設置CSS樣式,常見的有以下幾種: . 直接設置style的屬性 某些情況用這個設置 important值無效 如果屬性有 號,就寫成駝峰的形 式 如textAlign 如果想保留 號,就中括號的形式 element.style text align px element.style.height px . 直接設置屬性 只能用於某些屬性,相關樣式會自動識別 element.setAt ...

2021-02-20 17:58 0 2068 推薦指數:

查看詳情

JS設置CSS樣式幾種方式

JS來動態設置CSS樣式,常見的有以下幾種 1. 直接設置style的屬性 某些情況用這個設置 !important值無效 如果屬性有'-'號,就寫成駝峰的形式(如textAlign) 如果想保留 - 號,就中括號的形式 element.style['text-align ...

Fri Nov 11 00:09:00 CST 2016 0 1695
JS設置css樣式幾種方式

/* 1.直接設置style屬性 */ element.style.height = '100px'; /* 2.直接設置屬性 */ element.setAttribute('height', '100px'); /* 3.使用 ...

Wed Dec 20 22:39:00 CST 2017 0 6922
JS設置CSS樣式幾種方式

JS來動態設置CSS樣式,常見的有以下幾種 1. 直接設置style的屬性 某些情況用這個設置 !important值無效 如果屬性有'-'號,就寫成駝峰的形式(如textAlign) 如果想保留 - 號,就中括號的形式 element.style['text-align ...

Sun Nov 13 13:39:00 CST 2016 1 280445
js 設置css樣式幾種方法

js動態設置樣式:   1: 直接設置Style對象:     el.style.color = '#b50029';     el.style.fontSize = '30px';     el.style['font-size'] = '30px';        2:設置 ...

Fri Sep 22 18:55:00 CST 2017 0 8287
【javascript】原生js更改css樣式的兩種方式

下面我給大家介紹的是原生js更改CSS樣式的兩種方式: 1通過在javascript代碼中的node.style.cssText="css表達式1;css表達式2;css表達式3 "的方式直接更改CSS樣式。 2先在CSS樣式表中對特定的類如“active類”設置樣式(這里的active類 ...

Wed Mar 15 06:11:00 CST 2017 0 18630
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM