課程
/前端開發
/JavaScript
/JavaScript入門篇
連續點擊”添加樣式“能讓其樣式在 .one和.two之間變換。連續點擊，讓兩個樣式交換出現。求大神指導。。。
2016-07-14
源自：JavaScript入門篇 3-6
正在回答
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?Content="text/html;?charset=utf-8"?/> <title>javascript</title> <style?type="text/css"> body{font-size:12px;} .one{color:red;} .two{color:blue;} </style> </head> <body> ??<h2?id="con"?class="one">JavaScript課程</H2> ??<input?type="button"?value="改變字體顏色"?id="obtn"?/> ?? ??<script?type="text/javascript"> ??var?oCon?=?document.getElementById("con"); ??var?oBtn?=?document.getElementById("obtn"); ?? ??oBtn.onclick?=?function(){ ????if?(oCon.className?==?"one")? ????{ ??????oCon.className?=?"two"; ????} ????else ????{ ??????oCon.className?=?"one" ????} ??} ??</script> </body> </html>
可樂蓋 提問者
function add(){
? ? ?var p1 = document.getElementById("p1");
? ? if(p1.className=="one")?
? ? ? ? ?p1.className="two";
? ? ? ? ?else
? ? ? ? ? p1.className="one";
? }
舉報
JavaScript做為一名Web工程師的必備技術，本教程讓您快速入門
4 回答怎么樣能讓“點擊更改”后“p元素class值為：one”變為two？
2 回答點擊切換樣式
1 回答怎樣像例子一樣，點擊添加樣式后在當前頁顯示“類名為one”？
3 回答怎么讓我的p2自動在one和two這兩個樣式之間自動跳轉呢，有不有大神可以幫個忙，謝謝
5 回答麻煩幫我看一下為什么在瀏覽器點擊按鈕后變不了two的樣式
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-07-14
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?Content="text/html;?charset=utf-8"?/> <title>javascript</title> <style?type="text/css"> body{font-size:12px;} .one{color:red;} .two{color:blue;} </style> </head> <body> ??<h2?id="con"?class="one">JavaScript課程</H2> ??<input?type="button"?value="改變字體顏色"?id="obtn"?/> ?? ??<script?type="text/javascript"> ??var?oCon?=?document.getElementById("con"); ??var?oBtn?=?document.getElementById("obtn"); ?? ??oBtn.onclick?=?function(){ ????if?(oCon.className?==?"one")? ????{ ??????oCon.className?=?"two"; ????} ????else ????{ ??????oCon.className?=?"one" ????} ??} ??</script> </body> </html>2016-07-14
function add(){
? ? ?var p1 = document.getElementById("p1");
? ? if(p1.className=="one")?
? ? ? ? ?p1.className="two";
? ? ? ? ?else
? ? ? ? ? p1.className="one";
? }