JavaScriptのレビュー・エクササイズ

最初の質問:

1、クリックイベントを追加する要素の数に等しいです

1) "="は、上記の要素が属性をonclickの追加=で"GetSum()"
2)アクセス"="要素、要素.onclick =機能JIA JSファイル(){

}

备注:onmouseover属性、れるonmouseout、れるonmousedown、onMouseUpの、onkeydownを、onkeypressでは、onkeyupの

2、定義された関数は、クリック後の効果を達成するために

1)第1の値と第2のテキストボックスを取得します

VAR firstNum =のdocument.getElementById( "第一")値。
VAR secondNum =のdocument.getElementById( "第二")値。

注:document.getElementsByName( "zhangsan")
document.getElementsByTagName( "タグ名")
値、のinnerText、リーグ</a>の</ LI> <A> 3つのinnerHTML属性<LI>との間の差
のシステム機能:のparseInt、ますisNaN parseFloatは

2)が加算され、3番目のテキストボックスに割り当てられています

VaRの合計= firstNum + secondNum 
のdocument.getElementById( "thrid")。値=合計

2番目の質問:

1)ボタンを有効にする方法

。のdocument.getElementById( "btnShow")偽障害者=;

2)デジタルボタンの減少を作る方法

VAR N = 5。


時間関数(){

のdocument.getElementById( "btnShow")値= "契約書を熟読(" + + NUM ")";
num--;
}

VAR mySetInterval =のsetInterval( "時間()"、1000); - 毎秒機能実行時間()

3)数値を下げる停止する方法は、0に等しいとボタンを有効に

機能時間(){
  // デクリメントnumが、そうでなければ、 "同意する"ボタンを有効にするボタンテキスト0より大きく、かつデジタル出力である
  IF(NUM> 0 ){ 
    のdocument.getElementById( "btnShow")。値= 「(+ NUM +「)」契約をお読みください」; 
    NUM - ; 
  } {
    // ボタンのテキストをに「同意する」
    // ボタンを有効
    //は、タイマー機能、またはポストページカトン結果として無限ループをクリアします
  } 

}

注:4つの機能のたsetInterval、てclearInterval、setTimeoutを、てclearTimeoutタイミング

3番目の質問:

考える:に移動して、マウスを達成するための方法、に現在の李かどうかを確認する方法
マウスが現在の要素をクリックし、削除する方法、第二のULでに追加

1)第一のLi ULに(マウスのうち)特性ONMOUSEOUT)のonmouseover(マウス移動の下で添加しました

例如:火箭</ LI> <= "addBgColor(この)" れるonmouseout = "removeBgColor(この)" のonmouseover LI>

注:現在の要素のこの代表の各機能

2)背景色が赤であると認識、イベントONMOUSEOVER関数を指定します

関数addBgColor(OBJ){
obj.style.backgroundColor = "赤"。
}

3)れるonmouseoutイベントに赤い背景除去機能(白の背景色)を達成するために関数を指定

関数removeBgColor(OBJ){
obj.style.backgroundColor = "白"。
}

4)最初のLiの横ULのonclick属性を追加します

例如:<LIのonmouseover = "addBgColor(この)" = "removeBgColor(この)" のonclick = "moveLi(OBJ)" れるonmouseout>火箭</ LI>


5)のonclickイベント指定された関数に、現在の要素を削除して実現することになり、第二のULでの電流要素に加え(このパラメータは、現在の要素を表します。)

関数moveLi(OBJ){
 // 削除現在の要素 
のdocument.getElementById( "firstUL" ).removeChild(OBJ);
 // 第OBJのULへの現在の要素を追加である 
のdocument.getElementById( "secondUL" ).appendChild(OBJ )
}

おすすめ

転載: www.cnblogs.com/autism-dong/p/12106658.html