HTML DOM className 属性
JavaScript基础 2022-06-08 15:35:4016小码哥的IT人生shichen
HTML DOM className 属性
定义和用法
className 属性可设置或返回元素的 class 属性。
语法
bodyObject.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