javascript - CSS グローバル スタイルを動的に変更するために JS を実装する方法

Question

たとえば、ページ内の CSS グローバル スタイルを動的に変更する場合は、ページ上のすべてのフォントの色を赤に変更します。
これは CSS を通じて実現できます

リーリー

そして、js を使用してページ上のすべての要素のスタイルを変更する場合、つまり、js を介してボタンをクリックしてページ上のすべての要素のスタイルを動的に赤に変更する場合、どのように実装すればよいでしょうか

Answer 1

この方法しか思いつきません。

リーリー

Answer 2

CSS スタイル関連のインターフェイスを使用します stylesheet.insertRule或者stylesheet.addRule どちらも CSS スタイルを動的に挿入できます

ie9+ との互換性は良好です。

例えば

リーリー

削除する必要がある場合は、deleteRule和removeRule関連情報を確認する方法が2つあります

。

Answer 3

[].forEach.call(document.querySelectorAll('*'),function(a){
a.style.color = 'red';
})