                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript入门篇

classname属性，不知道哪里有错

<html>
<head><title>classname属性</title>
<style type="text/css">
input{
font-size:10px;
}
.one{
width:200px;
background-color:#CCC;
}
.two{
font-size:18px;
color:#FOO;
}
</style>
</head>
<body>
<h1 id="con" class="one">Javascript</h1>
<form>
<input type="button" value="点击更改" onclick="modifyclass()">
</form>
<script type="text/javascript">
var mystr=getelementbyid("con");
document.write("p元素的class值为:"+mystr.classname);
function modifyclass(){
mystr.classname=two;
}
</script>
</body>
</html>

许愿瓶里的小怪兽

2017-11-16

源自：JavaScript入门篇 3-6

关注问题我要回答

1307

操作

收起

3 回答

木涵
2017-11-20

var mystr=getelementbyid("con"); 应该是var mychar=document.getElementById("con");
document.write("p元素的class值为:"+mystr.classname);和mystr.classname中classname应该是className
mystr.classname=two; 应该是mychar.className="two";