為什么點擊按鈕后的“p元素class值為:one",點擊后不是變成"two"了嗎
就是左側教程里的例子,p的class默認是''one",點擊按鈕后p的class變成"two",那么輸出時”p元素class值為:one",為什么還是one?不應該是two嗎?
<style type="text/css">
? ? .one {width: 200px; background-color:#ccc;}
.two {font-size: 18px; color: #f00;}
</style>
<p class="one" id="con">p文字更改</p>
<input type="button" onClick="modclass()" value="click">
<script type="text/javascript">
? ?var mychar=document.getElementById("con");
? ?document.write("P元素class值為:"+mychar.className+"<br>");
? ?function modclass()
? ?{
? mychar.className="two";
? ?}
</script>
2016-07-10
代碼執行順序而已,在更改樣式后邊加上輸出的話就可以了,但是之前的輸出都會被替換掉
2016-07-08
var mychar? 是獲取object HTMLParagraphElement對象,改變的是mychar的ClassName,但是p的沒有改變。我是這樣理解的。
2016-07-08
因為是先寫出,后才修改class名字,你可以將??document.write("P元素class值為:"+mychar.className+"<br>");復制在?mychar.className="two";后面,就會發現寫出的是two了
2016-07-08
onclick ?寫成了 onClick