連續(xù)點(diǎn)擊”添加樣式“能讓其樣式在 .one和.two之間變換。
連續(xù)點(diǎn)擊”添加樣式“能讓其樣式在 .one和.two之間變換。連續(xù)點(diǎn)擊，讓兩個(gè)樣式交換出現(xiàn)。求大神指導(dǎo)。。。
可樂蓋
2016-07-14
2 回答
舉報(bào)
0/150
提交
取消
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";
? }