js动态往表格的td中添加图片并注册事件

342 阅读 0 评论 226 点赞

我是靠谱客的博主强健魔镜，这篇文章主要介绍js动态往表格的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事件调用上面这个函数就可以了。