對嗎 為什么變不了
function a(){
?? ?????? var a = document.getElementById("p1");
?? ?????? p1.className="one"
?? ??? }
?? ??? function b(){
?? ?????? var b = document.getElementById("p2");
?? ???????? p2.className="two" ?
?? ??? }
對嗎? 為什么改變不了
九叔丶
2015-07-22
2 回答
舉報
0/150
提交
取消
2015-10-11
你設置了?var a = document.getElementById("p1"); ? ? ?那下面的?p1.className="one" 中的p1就要改為a??！
2015-07-22
<!DOCTYPE?HTML> <html> <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()"/> <script?type="text/javascript"> ???function?add(){ ??????var?p1?=?document.getElementById("p1"); ??????p1.className="one" ???} ???function?modify(){ ??????var?p2?=?document.getElementById("p2"); ??????p2.className="two"; ???} </script> </body> </html><body>下邊的幾行你沒貼出來 我不確定是不是沒綁定單擊事件的問題