JavaScript 教程
JavaScript 对象
jQuery 教程
JSON 教程
AngularJS 教程
Angular 2 教程
Vue.js 教程
React 教程
jQuery UI 教程
jQuery EasyUI 教程
AJAX 教程
Highcharts 教程
Google Maps API 教程
ES6 教程
TypeScript教程
ES6 标准入门HTML DOM className 属性
元素对象定义和用法
className 属性设置或返回元素的 class 属性。
语法
获取属性值：
HTMLElementObject.className
设置属性值：
HTMLElementObject.className=classname
浏览器支持
所有主要浏览器都支持 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 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
An alternate way: mystyle
尝试一下 »