jsの中で元素のクラスの3種類の方法を設置して結びます.

一、el.set Attribute('class'、'abc')コードは以下の通りです

 .abc {
    background: red;
  }

test div

 var div = document.getElementById('d1');
 div.setAttribute("class", "abc");

    IE 6/7:div背景色は赤色ではありません.
    IE 8/9/10/Firefox/Safari/Chrome/Opera:div背景色は赤色です.
    結果:IE 6/7はset Attribute('class'、xxx)方式で要素を設定するクラスをサポートしていません.
 二、el.set Attribute('classis Name','abc')
   
コードは以下の通りです
 

  .abc {
    background: red;
    }

test div

    var div = document.getElementById('d1');
    div.setAttribute("className", "abc");

    IE 6/7:div背景色は赤色です.
    IE 8/9/10/Firefox/Safari/Chrome/Opera:div背景色は赤色ではない
    結果:IE 8/9/10/Firefox/Safari/Chrome/Operaはset Attribute('classis Name',xxx)方式で要素のクラスを設定していません.
    面白いです.setAttributeを使う時の一番目のパラメータはクラスとクラスNameの場合はIE 6/7とIE 8/9/10/Firefox/Safari/Chrome/Operaではちょうど反対です.
三、el.className='abc'
  コードは以下の通りです

 .abc {
  background: red;
  }

test div

   var div = document.getElementById('d1');
   div.className = 'abc';

    すべてのブラウザがサポートされています.
原文の住所:http://www.shangxueba.com/jingyan/1906397.html