Tambah kaedah: 1. Gunakan objek gaya; 2. Gunakan setAttribute; 4. Tukar gaya elemen pseudo secara dinamik; 6. Cipta dan perkenalkan fail gaya css baharu; 7. Gunakan addRule dan i
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5 , komputer Dell G3.
Gunakan JS untuk menetapkan gaya CSS secara dinamik termasuk yang berikut
1 Tetapkan atribut gaya secara langsung, gunakan tetapan ini adalah tidak sah >Jika Jika atribut mempunyai tanda '-', tuliskannya dalam kes unta (seperti textAlign Jika anda ingin menyimpan tanda -, tuliskannya dalam elemen kurungan segi empat sama.style['text-align'] = '100px). ';
2. Tetapkan atribut secara langsung (hanya boleh digunakan untuk atribut tertentu, gaya berkaitan akan dikenali secara automatik)1 |
|
1 |
|
1 |
|
4. Gunakan setProperty Jika anda ingin menetapkan !important, adalah disyorkan untuk menggunakan kaedah ini untuk menetapkan parameter ketiga
1 |
|
5 kaedah menukar kelas
1 |
|
6. Tetapkan cssText
1 2 |
|
7. Buat dan perkenalkan fail Gaya css baharu
1 2 |
|
8. pembelajaran:
tutorial lanjutan javascript1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
|
Atas ialah kandungan terperinci Bagaimana untuk menambah gaya pada CSS menggunakan JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!