js_javascriptスキルで要素クラスを設定する3つの方法のまとめ

1. el.setAttribute('class','abc');

コードをコピーします コードは次のとおりです。次のように:

>

テスト div

;
var div = document.getElementById('d1');
>< /HTML>


IE6/7: div の背景色が赤ではありません
IE8/9/10/Firefox/Safari/Chrome/Opera: div は赤です
結果: IE6/7 は、要素のクラスを設定するための setAttribute('class',xxx) メソッドをサポートしていません。

2. el.setAttribute('className', 'abc')

コードをコピーします

コード次のように:

>

<script> ; <br>var div = document.getElementById('d1'); <br></script> >


IE6/7: div の背景色は赤
IE8/9/10/Firefox/Safari/Chrome/Opera: div の背景色は赤ではありません
結果: IE8/9/10/Firefox/Safari/Chrome/Opera は、要素のクラスを設定するための setAttribute('className',xxx) メソッドをサポートしていません。
setAttribute を使用する場合、最初のパラメーターが class と className であることは興味深いことです。IE6/7 および IE8/9/10/Firefox/Safari/Chrome/Opera では状況がまったく逆になります。

3. el.className = 'abc';





コードをコピーします


コードは次のとおりです:

< ;title> el.className = 'abc'
.abc {
背景: red;

• Bootstrap リスト グループ コンポーネントの詳細な分析
• JavaScript関数のカリー化の詳細説明
• JS パスワードの生成と強度検出の完全な例 (デモ ソース コードのダウンロード付き)
• Angularjs は WeChat UI (weui) を統合します
• JavaScript を使用して繁体字中国語と簡体字中国語をすばやく切り替える方法と、簡体字中国語と繁体字中国語の切り替えをサポートする Web サイトのトリック_javascript スキル