3-6：className到底哪里出错了呢？？？

源自：3-6 控制类名（className 属性）

<!DOCTYPE HTML>

<html>

<head>

<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>

hello world

</p>

I love javascript

</p>

function abc(){

var m3=document.getElementById("m1");

m3.className="dm";

}

function edf(){

var m4=document.getElementById("m2");

m4.className="dn";

}

</script>

</body>

</html>

这个是我自己写的改变class属性代码，和课程教的都是一样的，为什么在浏览器上打开就没有效果了？？有木有大神详细讲解一下，谢谢了！！

提问者：幕布斯_word 2020-04-21 18:08