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

