麻煩幫我看一下為什么在瀏覽器點擊按鈕后變不了two的樣式
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>innerHTML</title>
<style>
?? ?input{
?? ??? ?font-size:10px;
?? ??? ?}
?? ?.one{
?? ??? ?width:500px;
?? ??? ?background-color:red;
?? ?.two{
?? ??? ?font-size:200px;
?? ??? ?color:blue;
?? ??? ?}
</style>
<body>
?? ?<h1>JAVASCRIPT</h1>
?? ??? ?<p id="con" class="one">作為一個優秀的PHP開發師</p>
?? ?<form>
?? ??? ?<input type="button" value="改變類樣式" onclick="myClass()">
?? ?</form>
<script type="text/javascript">
?? ?var mychar=document.getElementById("con")
?? ?document.write("p元素的class值為:"+mychar.className+"<br>");
?? ?function myClass(){
?? ??? ?mychar.className="two";
?? ?}
</script>
</body>
</html>
2016-03-20
.one的樣式少了個結束的大括號（不起作用的原因），</style>后面少了個</head>結束標簽。寫代碼的時候先將該閉合的閉合，再填代碼就不容易出錯了。嚴格來說<input /><br />也是要閉合的。
2016-03-20
CSS 樣式寫錯了，
.one樣式后面少了一個大括號，?
.one{
?? ??? ?width:500px;
?? ??? ?background-color:red;
2016-03-19
沒有給function myClass（）函數聲明mychar變量的值，應該在{mychar.className="two"前面寫上var myclass=document.getElementById("con")}
2016-03-19
? ?var mychar=document.getElementById("con")要放在?
? function myClass(){mychar.className+"<br>")
?? ??? ?mychar.className="two";
?? ?}
里面；如
function myClass(){
? ?var mychar=document.getElementById("con")
?? ??? ?mychar.className="two";
?? ?}
2016-03-19
在function myClass(){
?? ??? ?mychar.className="two";
?? ?}中添加??var mychar=document.getElementById("con")，即可。代碼是
function myClass(){
? ? ? ?var mychar=document.getElementById("con")；
?? ??? ?mychar.className="two";
?? ?}