Latest web development tutorials

HTML DOM className 속성

요소 참조 객체 Element 객체


정의 및 사용

클래스 이름은 속성 집합 또는 요소의 클래스 속성을 반환합니다.

문법

속성 값을 가져 오기 :

HTMLElementObject.className

속성 값을 설정 :

HTMLElementObject.className= 클래스 명


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

모든 주요 브라우저는 className 속성을 지원


몸체 요소의 class 속성 반환

<html>
<body id="myid" class="mystyle">

<script>
var x=document.getElementsByTagName('body')[0];
document.write("Body CSS class: " + x.className);
document.write("<br>");
document.write("An alternate way: ");
document.write(document.getElementById('myid').className);
</script>

</body>
</html>

출력 :

Body CSS class: mystyle
An alternate way: mystyle

»시도


요소 참조 객체 Element 객체