关于className属性的问题-慕课网

关于className属性的问题

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

shaoxiao64017599

2017-02-28 10:39

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>控制类名（className属性）</title>
</head>
<style style = "text/css">
body{
     font-size:20px;
     color:red;
     /*background-color:#666;*/
     }
.one{
     width:200px;
     background-color:#666;
     }
.two{
     font-size:12px;
     color:#F00;
     }     
</style>

<body>
<p id = "con" class = "one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>
<form>
<input type ="button" onclick ="modifyclass()" value ="点击更改属性" >
<input type ="button" onclick ="modify1()" value ="点击显示更改后的属性" >
</form>
<script type ="text/javascript">
var myclass = document.getElementById("con");
document.write("P元素的Class值为："+myclass.className+"<br>");
function modifyclass(){
	myclass.className = "two";
}
function modify1(){
	document.write("改变后P元素的Class值是："+myclassName);
}

</script>
</body>
</html>

我的问题是：想显示更改后P元素的className属性的值，为什么点击“显示更改后的属性”按钮时没有反应呢？

写回答关注

4回答

学习js: 2017-02-28 10:58:22

已采纳

<script type ="text/javascript">
var myclass = document.getElementById("con");
function modifyclass(){
    myclass.className = "two";
    document.write("P元素的Class值为："+myclass.className+"<br>");
}

function modify1(){
    myclass.className = "two";
    document.write("改变后P元素的Class值是："+myclass.className);
}
</script>

1 1

shaoxi...

明白了两个函数

2017-02-28 13:44:04

共 1 条回复 >

半夏半暖半晴天

2017-02-28 11:03:39

function modify1(){
myclass.className = "two";
document.write("改变后P元素的Class值是："+myclass.className);
}

1 1

shaoxi...

恩恩明白了谢谢啦

2017-02-28 13:45:35

共 1 条回复 >
Samuel_Yang

2017-02-28 11:01:51

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>控制类名（className属性）</title>
</head>
<style style = "text/css">
body{
font-size:20px;
color:red;
/*background-color:#666;*/
}
.one{
width:200px;
background-color:#666;
}
.two{
font-size:12px;
color:#F00;
}
</style>

<body>
<p id = "con" class = "one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>
<form>
<input type ="button" onclick ="modifyclass()" value ="点击更改属性" >
<input type ="button" onclick ="modify1()" value ="点击显示更改后的属性" >
</form>
<script type ="text/javascript">
var myclass = document.getElementById("con");
function modifyclass(){
myclass.className = "two";
}
function modify1(){
myclass.className="one";
}

</script>
</body>
</html>
这样好像有反应不知道对不对

0 0
hiChen

2017-02-28 10:51:03

函数modify1()里 myclassName没定义，你是想写这个的吧myclass.className。

1 0

shaoxi...

是滴函数modifyclass中myclass.className="two"在函数modify中不起作用。

2017-02-28 13:45:00

共 1 条回复 >

JavaScript入门篇

JavaScript做为一名Web工程师的必备技术，本教程让您快速入门

738651 学习 · 9561 问题

查看课程

相似问题

className的属性

回答 1

控制类名（className 属性）

回答 3

关于document.write("p1元素的属性值为："+p1.className);为什么不显示属性值，请问错在哪里？

回答 4

className不能够覆盖style的属性吗？

回答 2

关于标签中各种属性的问题

回答 4

打开慕课网App查看更多内容