Si vous souhaitez modifier dynamiquement le style global CSS de la page, par exemple, changez la couleur de toutes les polices de la page en rouge
Cela peut être réalisé via CSS
*{color:red;}Et si vous utilisez les boutons de la page pour modifier les styles de tous les éléments via js, c'est-à-dire cliquez sur le bouton pour modifier dynamiquement les styles de tous les éléments de la page en rouge via js, comment l'implémenter
3
0
0
閉關(guān)修行中......
Je ne peux penser qu'à cette méthode.
Array.prototype.slice.call(document.all).forEach(function (ele) {
ele.style.color = 'red';
});Utilisez l'interface liée au style CSS stylesheet.insertRule ou stylesheet.addRule, qui peuvent toutes deux insérer dynamiquement des styles CSS. La compatibilité est bonne avec ie9+ stylesheet.insertRule或者stylesheet.addRule 這兩個都可以動態(tài)插入css樣式 兼容性還可以 ie9+
比如
// https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet/insertRule
myStyle.insertRule("#blanc { color: white }", 0);需要刪除的時候還有deleteRule和removeRule.
deleteRule et removeRule. Vous pouvez vérifier les informations pertinentes??.
[].forEach.call(document.querySelectorAll('*'),function(a){
a.style.color = 'red';
})
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
