js動態新增一個按鈕並且註冊事件處理函式程式碼例項
本章節介紹一下如何如何動態的建立一個按鈕並且為這個按鈕註冊事件處理函式。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> function done(){ var odiv=document.getElementById("thediv"); odiv.innerHTML="螞蟻部落"; } function onloadEvent(){ var input=document.createElement("input"); input.type="button"; input.value="檢視效果"; input.setAttribute("onclick","done()"); document.body.appendChild(input); } window.onload=function(){ onloadEvent(); } </script> </head> <body> <div id="thediv"></div> </body> </html>
上面的程式碼實現了我們的要求,可以動態的建立一個按鈕,並且為按鈕註冊了點選事件處理函式。
相關文章
- jQuery為動態新增的按鈕註冊事件處理函式jQuery事件函式
- js批量註冊事件處理函式程式碼例項JS事件函式
- js為按鈕註冊點選事件處理函式JS事件函式
- javascript批量註冊事件處理函式程式碼例項JavaScript事件函式
- on()方法一次註冊多個事件處理函式程式碼例項事件函式
- jquery為動態新增元素註冊事件處理函式jQuery事件函式
- 使用for語句批量註冊事件處理函式程式碼例項事件函式
- js為物件註冊多個事件處理函式程式碼JS物件事件函式
- js如何批量註冊事件處理函式JS事件函式
- 如何為新增的元素註冊事件處理函式事件函式
- js刪除註冊的事件處理函式JS事件函式
- JavaScript 註冊事件處理函式JavaScript事件函式
- JavaScript 批量註冊事件處理函式JavaScript事件函式
- for迴圈批量註冊事件處理函式事件函式
- javascript如何移除註冊的事件處理函式JavaScript事件函式
- attachEvent()註冊事件處理函式this指向問題事件函式
- jQuery能夠為一個元素註冊多個相同事件處理函式jQuery事件函式
- jQuery如何解綁註冊的事件處理函式jQuery事件函式
- jquery註冊事件處理函式常用的幾種方式jQuery事件函式
- 例項動態註冊跟蹤
- 新增按鈕事件事件
- 批量註冊事件處理函式索引總是最後一個問題解決事件函式索引
- 如何實現為window.onload註冊多個事件處理函式事件函式
- javascript開關按鈕程式碼例項JavaScript
- 菜鳥學JS(四)——javascript為按鈕註冊回車事件(設定預設按鈕)JSJavaScript事件
- 點選按鈕實現隱藏一個元素程式碼例項
- 啟動一個程式並處理程式結束事件 (轉)事件
- js冪函式程式碼例項分享JS函式
- js動態新增和刪除table表格行程式碼例項JS行程
- jquery動態新增li元素程式碼例項jQuery
- js點選按鈕數字加1效果程式碼例項JS
- javascript刪除註冊的事件處理函式簡單介紹JavaScript事件函式
- jQuery為非同步載入的元素註冊事件處理函式jQuery非同步事件函式
- 美觀開關按鈕程式碼例項
- css自定義單選按鈕的樣式程式碼例項CSS
- PHP函式處理函式例項詳解PHP函式
- js動態設定元素css樣式程式碼例項JSCSS
- js confirm()函式用法程式碼例項JS函式