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