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