Jika anda ingin mengubah suai gaya global css dalam halaman secara dinamik, contohnya, tukar warna semua fon pada halaman kepada merah
Ini boleh dicapai melalui css
*{color:red;}Dan jika anda menggunakan butang pada halaman untuk mengubah suai gaya semua elemen melalui js, iaitu, klik butang melalui js untuk mengubah suai gaya semua elemen pada halaman secara dinamik supaya warna fon berwarna merah, bagaimanakah dilaksanakan
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Saya hanya boleh memikirkan kaedah ini.
Gunakan antara muka yang berkaitan dengan gaya css
stylesheet.insertRuleataustylesheet.addRule, yang kedua-duanya boleh memasukkan gaya css secara dinamik Keserasian adalah baik dengan ie9+stylesheet.insertRule或者stylesheet.addRule这两个都可以动态插入css样式 兼容性还可以 ie9+比如
需要删除的时候还有
Sebagai contoh🎜 rrreee 🎜Apabila anda perlu memadam, terdapat dua kaedah:deleteRule和removeRuledeleteRuledanremoveRuleAnda boleh menyemak maklumat yang berkaitan🎜[].forEach.call(document.querySelectorAll('*'),function(a){
a.style.color = 'red';
})