js_javascript 기술에서 요소 클래스를 설정하는 세 가지 방법 요약

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

코드 복사

>setAttribute('class', 'abc')

테스트 div

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


IE6/7: div의 배경색이 빨간색이 아닙니다.
IE8/9/10/Firefox/Safari/Chrome/Opera: div의 배경색입니다. div는 빨간색입니다
결과: IE6/7은 요소의 클래스를 설정하는 setAttribute('class',xxx) 메서드를 지원하지 않습니다.

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

코드 복사
코드 다음과 같습니다:

> .abc { 배경: 빨간색; > }

테스트 div
<script> ; <BR>var div = document.getElementById('d1') <BR>div.setAttribute("className", "abc") <BR> > <BR><BR> <BR>IE6/7: div의 배경색은 빨간색입니다<BR>IE8/9/10/Firefox/Safari/Chrome/Opera: div의 배경색은 빨간색이 아닙니다<BR>결과: IE8/9/10/Firefox/Safari/Chrome/Opera는 요소의 클래스를 설정하는 setAttribute('className',xxx) 메서드를 지원하지 않습니다. <BR>setAttribute를 사용할 때 첫 번째 매개변수가 class와 className이라는 점이 흥미롭습니다. IE6/7과 IE8/9/10/Firefox/Safari/Chrome/Opera에서는 상황이 정반대입니다. <BR><BR>3.el.className = 'abc'; <BR><BR><BR><BR><BR><BR>코드 복사<BR></script>

코드는 다음과 같습니다. :



;title> el.className = 'abc'
.abc {

배경: 빨간색; 스타일>

테스트 div

div = document .getElementById('d1'); div.className 🎜> 모든 브라우저에서 지원됩니다.