js 에서 요소 클 라 스 를 설정 하 는 세 가지 방법 소결

1513 단어
1. el. setAttribute ('class',' abc ');코드 는 다음 과 같 습 니 다:
 .abc {
    background: red;
  }
test div
 var div = document.getElementById('d1');
 div.setAttribute("class", "abc");
    IE6 / 7: div 배경 색 은 빨간색 이 아 닙 니 다.
    IE8 / 9 / 10 / Firefox / safari / chrome / Opera: div 배경 색 은 빨간색
    결과: IE6 / 7 은 setAttribute ('class', xxx) 방식 으로 요 소 를 설정 하 는 class 를 지원 하지 않 습 니 다.
 2. el. setAttribute ('className', 'abc')
   
코드 는 다음 과 같 습 니 다:
 
  .abc {
    background: red;
    }
test div
    var div = document.getElementById('d1');
    div.setAttribute("className", "abc");

    IE6 / 7: div 배경 색 빨간색
    IE8 / 9 / 10 / Firefox / Safari / chrome / Opera: div 배경 색 은 빨간색 이 아 닙 니 다.
    결과: IE8 / 9 / 10 / Firefox / safari / chrome / Opera 는 setAttribute ('className', xxx) 방식 으로 요 소 를 설정 하 는 class 를 지원 하지 않 습 니 다.
    재 미 있 습 니 다. setAttribute 를 사용 할 때 첫 번 째 매개 변 수 는 class 와 className 인 경우 IE6 / 7 과 IE8 / 9 / 10 / Firefox / safari / chrome / Opera 가 정반 대 입 니 다.
3. el. className = 'abc';
  코드 는 다음 과 같 습 니 다:
 .abc {
  background: red;
  }
test div
   var div = document.getElementById('d1');
   div.className = 'abc';
    모든 브 라 우 저 를 지원 합 니 다.
원본 주소:http://www.shangxueba.com/jingyan/1906397.html

좋은 웹페이지 즐겨찾기