<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>className屬性</title><style>??? body{ font-size:16px;}??? .one{?? ??? ?border:1px solid #eee;?? ??? ?width:230px;?? ??? ?height:50px;?? ??? ?background:#ccc;?? ??? ?color:red;??? }?? ?.two{?? ??? ?border:1px solid #ccc;?? ??? ?width:230px;?? ??? ?height:50px;?? ??? ?background:#9CF;?? ??? ?color:blue;?? ?}?? ?</style></head><body>??? <p id="p1" > JavaScript使網頁顯示動態效果并實現與用戶交互功能。</p>??? <input type="button" value="添加樣式" onclick="add()"/>?? ?<p id="p2" class="one">JavaScript使網頁顯示動態效果并實現與用戶交互功能。</p>??? <input type="button" value="更改外觀" onclick="modify()"/>??? <input type="button" value="樣式重置" onclick="myclear()"/>?? ?<script type="text/javascript">????? var p1 = document.getElementById("p1");????? var p2 = document.getElementById("p2");?? ??? function add(){?? ?????? p1.className="one";?? ??? }?? ??? function modify(){?? ?????? p2.className="two";?? ??? }?????? function myclear(){?????????? p1.style=""; ??????????? p2.style="";?????? }?? ?</script></body></html>
求大神幫忙看看 哪里出問題了為什么不能執行！
某白丶
2016-07-30 11:00:04