[解決済み] Javascriptで<html>にクラスを追加する？

2022-10-26 03:08:39

質問

クラスはどのように <html> ルート要素にクラスを追加するには、Javascript を使用しますか？

このように

var root = document.getElementsByTagName( 'html' )[0]; // '0' to assign the first (and only `HTML` tag)

root.setAttribute( 'class', 'myCssClass' );

あるいは、これを 'setter' 行として使用すると、以前に適用したクラスを保持することができます。(@ama2さんありがとうございます)

root.className += ' myCssClass';

また、必要なブラウザのサポートによっては classList.add() メソッドを使用することもできます。

root.classList.add('myCssClass');

UPDATEです。

を参照するための、よりエレガントな解決策です。 HTML 要素を参照するための、よりエレガントな解決策はこれかもしれません。

var root = document.documentElement;
root.className += ' myCssClass';
// ... or:
//  root.classList.add('myCssClass');
//