                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript入門篇

怎么樣能讓“點擊更改”后“p元素class值為：one”變為two？

<!DOCTYPE html>

<html>

<head>

<title>className屬性</title>

input{

font-size: 10px;

}

.one{

width:200px;

background-color: #CCC;

}

.two{

font-size: 18px;

color:#F00;

}

</style>

</head>

<body>

<p id="con" class="one">JavaScript</p>

<form>

</form>

var mychar=document.getElementById("con");

document.write("P元素Class值為："+mychar.className+"<br>");

function modifyclass(){

mychar.className="two";

}

</script>

</body>

</html>

大塊吃肉188

2016-07-26

源自：JavaScript入門篇 3-6

關注問題我要回答

940

操作

收起

4 回答

q_Amily 回答被采納 +3 積分
2016-07-29

<!DOCTYPE?html>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html"?charset="utf-8">
<title>className屬性</title>
<style?type="text/css">
input{
font-size:?10px;
}
.one{
width:200px;
background-color:?#CCC;
}
.two{
font-size:?18px;
color:#F00;
}
</style>
</head>
<body>
<p?id="con"?class="one">JavaScript</p>
<p?id="aa"></p>
<form>
<input?type="button"?name="button"?onclick="modifyclass()"?value="點擊更改"?/>
</form>
<script?type="text/javascript">
var?mychar=document.getElementById("con");
var?aa=document.getElementById("aa");
aa.innerHTML=("P元素Class值為："+mychar.className+"<br>");
function?modifyclass(){
mychar.className="two";
aa.innerHTML=("P元素Class值為："+mychar.className+"<br>");

}
</script>
</body>
</html>
這是我仿照你之前提的問題，別人給出答案的方式寫的，雖然能實現你說的效果，但我覺得代碼有點冗余