js動態(tài)往表格的td中添加圖片并注冊事件
更新時間：2014年06月12日 16:18:43 投稿：whsnow
這篇文章主要介紹了使用js動態(tài)往表格的td中添加圖片并注冊事件,需要的朋友可以參考下
這回的小case如題，額外還有一個，當點擊圖片時響應事件。代碼如下：
<script type="text/javascript">
function onloadEvent(){
var _td = document.getElementById("a1");
var _img = document.createElement("img");
_img.setAttribute("id", "floatImage");
_img.setAttribute("src", "icon.png");
_img.setAttribute("onclick", "clickImage()");
_img.onclick = function(){ //點擊時響應事件
alert("點擊");
//window.location = "http://baidu.com"; 跳轉url
};
_td.appendChild(_img);
}
</script>
在body中的onload事件調用上面這個函數就可以了。
復制代碼 代碼如下:
<script type="text/javascript">
function onloadEvent(){
var _td = document.getElementById("a1");
var _img = document.createElement("img");
_img.setAttribute("id", "floatImage");
_img.setAttribute("src", "icon.png");
_img.setAttribute("onclick", "clickImage()");
_img.onclick = function(){ //點擊時響應事件
alert("點擊");
//window.location = "http://baidu.com"; 跳轉url
};
_td.appendChild(_img);
}
</script>
在body中的onload事件調用上面這個函數就可以了。
相關文章
JavaScript如何動態(tài)創(chuàng)建table表格
這篇文章主要介紹了JavaScript如何動態(tài)創(chuàng)建table表格，一些時候需要動態(tài)的創(chuàng)建和刪除表格，接下來的文章中將為大家介紹下javascript是如何做到的，感興趣的朋友不要錯過2015-11-11
下面小編就為大家?guī)硪黄猨s原生實現FastClick事件的實例。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要為大家詳細介紹了JS實現打字游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
這篇文章主要介紹了利用js-cookie實現前端設置緩存數據定時失效，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-06-06
這篇文章主要為大家詳細介紹了微信小程序實現電影App導航和輪播，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
本文介紹的方法，實現了錨點(Anchor)間平滑跳轉，效果非常不錯。2009-09-09
本文主要介紹了文件上傳插件SWFUpload使用指南,SWFUpload是一個flash和js相結合而成的文件上傳插件，其功能非常強大。需要的朋友可以參考下2016-11-11
這篇文章介紹了JS防止用戶多次提交的簡單代碼，有需要的朋友可以參考一下2013-08-08
這篇文章主要介紹了BootStrap注意事項小結（五）表單的相關資料，非常不錯，具有參考借鑒價值，,需要的朋友可以參考下2017-03-03
這篇文章主要介紹了js仿支付寶填寫支付密碼效果實現多方框輸入密碼的功能，感興趣的小伙伴們可以參考一下2016-03-03