HTML DOM className 属性

元素对象参考手册 元素对象

定义和用法

className 属性设置或返回元素的 class 属性。

语法

获取属性值：

HTMLElementObject.className

设置属性值：

HTMLElementObject.className=classname

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 className 属性

实例

返回 body 元素的 class 属性：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
</head>
<body id="myid" class="mystyle">

  <script>
    var x = document.getElementsByTagName('body')[0];
    document.write("Body 元素 CSS 类为: " + x.className);
    document.write("<br>");
    document.write("另一种方式: ");
    document.write(document.getElementById('myid').className);
  </script>

</body>
</html>

尝试一下 »

元素对象参考手册 元素对象