HTML DOM className 属性
JavaScript基础 2022-06-08 11:28:38小码哥的IT人生shichen
HTML DOM className 属性
定义和用法
className 属性设置或返回元素的 class 属性。
语法
HTMLElementObject.className=classname浏览器支持
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
所有主流浏览器都支持 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
完整实例：
<!DOCTYPE html>
<html>
<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>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
