js动态往表格的td中添加图片并注册事件
投稿：whsnow
这篇文章主要介绍了使用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事件调用上面这个函数就可以了。
复制代码 代码如下:
<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事件调用上面这个函数就可以了。