<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>
添加回答
举报
0/150
提交
取消