HTML DOM className 属性
JavaScript基础 2022-06-08 15:29:00小码哥的IT人生shichen
HTML DOM className 属性
定义和用法
className 属性设置或返回元素的 class 属性。
语法
object.className=classname
实例
本例展示了两种获得 <body> 元素的 class 属性的方法:
<html>
<body id="myid" class="mystyle">
<script type="text/javascript">
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
TIY
完整实例【返回 <body> 元素的 class 属性】:
<html>
<body id="myid" class="mystyle">
<script type="text/javascript">
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>
可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html