イベントハンドラ属性を削除する。
Node.removeAttribute('onclick') → $removeAttr(Node,'onclick')
document.body.removeAttribute('onresize') → $removeAttr(document.body,'onresize')
ボタンの onclick に Function(関数) を設定してから、ボタンをクリックして動作確認。
その後、リセットボタンで設定した onclick を削除して動作確認。
HTML :
<button type="button" onclick="$setAttr($id('sample_btn'),'onclick','function1()')">右のボタンに onclick を設定</button>
<button type="button" id="sample_btn">クリックで文字サイズが増える</button>
<button type="button" onclick="$removeAttr($id('sample_btn'),'onclick')">リセット</button>
Javascript :
var testNum1=16;
function function1() { //クリックで文字サイズが増える関数
testNum1+=3;
$id('sample_btn').style.fontSize=testNum1+"px";
}
各ボタンで <body> の onscroll に Function(関数) を追加してから、ページをスクロールして動作確認。
HTML :
<button type="button" onclick="$setAttr(document.body,'onscroll','function2()')">スクロールする度に数が増える<br><span id="result_span2">function2 = 0</span></button>
<button type="button" onclick="$setAttr(document.body,'onscroll','function3()')">スクロールする度に数が減る<br><span id="result_span3">function3 = 1000</span></button>
<button type="button" onclick="$removeAttr(document.body,'onscroll','function2()');$removeAttr(document.body,'onscroll','function3()');">設定した onscroll を削除</button>
Javascript :
var testNum2=0;
var testNum3=1000;
function function2() { //スクロールする度に数が増える関数
testNum2++;
var tarSpan=$id('result_span2');
$toHTML(tarSpan,'function2 = '+testNum2); //ボタン内のカウントを更新
}
function function3() { //スクロールする度に数が減る関数
testNum3--;
var tarSpan=$id('result_span3');
$toHTML(tarSpan,'function3 = '+testNum3); //ボタン内のカウントを更新
}