為什么點(diǎn)擊按鈕后的“p元素class值為:one",點(diǎn)擊后不是變成"two"了嗎
就是左側(cè)教程里的例子,p的class默認(rèn)是''one",點(diǎn)擊按鈕后p的class變成"two",那么輸出時(shí)”p元素class值為:one",為什么還是one?不應(yīng)該是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
代碼執(zhí)行順序而已,在更改樣式后邊加上輸出的話就可以了,但是之前的輸出都會(huì)被替換掉
2016-07-08
var mychar? 是獲取object HTMLParagraphElement對(duì)象,改變的是mychar的ClassName,但是p的沒(méi)有改變。我是這樣理解的。
2016-07-08
因?yàn)槭窍葘?xiě)出,后才修改class名字,你可以將??document.write("P元素class值為:"+mychar.className+"<br>");復(fù)制在?mychar.className="two";后面,就會(huì)發(fā)現(xiàn)寫(xiě)出的是two了
2016-07-08
onclick ?寫(xiě)成了 onClick