className是类别选择器的名字,使用这个className可以进行动态更改某个标签的类的属性值。例如:
简易版的
运行后,直接显示为,类的属性值改变后的效果
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>className的使用</title>
<style type="text/css">
.one{width: 200px;height: 50px;background: red;}
.two{width: 400px;height: 100px;background: #d8d8d8;}
</style>
<script type="text/javascript">
window.onload=function(){
//document.getElementById('aa').className='one';
//alert('one');
document.getElementById('aa').className='two';
};
</script>
</head>
<body>
<p id="aa" title="" class="one">sds</p>
</body>
</html>