Latest web development tutorials

HTML DOM className 屬性

元素對象參考手冊 元素對象


定義和用法

className 屬性設置或返回元素的class 屬性。

語法

獲取屬性值:

HTMLElementObject.className

設置屬性值:

HTMLElementObject.className=classname


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要瀏覽器都支持className 屬性


實例

實例

返回body 元素的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

嘗試一下»


元素對象參考手冊 元素對象