3-6：className到底哪里出错了呢？？？
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>classname</title>
<style>
body{ font-size:16px;}
.dm{
border:1px solid #bbb;
width:200px;
height:50px;
background:rgb(20, 30, 168);
color:red;
}
.dn{
border:2px solid rgb(1, 9, 17);
width:200px;
height:50px;
color:greenyellow;
background:rgb(214, 28, 183)
}
</style>
</head>
<body>
<p id="m1">
hello world
</p>
<input type="button" value="样式" onclick="abc"/>
<p id="m2">
I love javascript
</p>
<input type="button" value="外观" onclick="edf"/>
<script type="text/javascript">
function abc(){
var m3=document.getElementById("m1");
m3.className="dm";
}
function edf(){
var m4=document.getElementById("m2");
m4.className="dn";
}
</script>
</body>
</html>
这个是我自己写的改变class属性代码，和课程教的都是一样的，为什么在浏览器上打开就没有效果了？？有木有大神详细讲解一下，谢谢了！！
