js动态往表格的td中添加图片并注册事件
时间：2021-11-17 13:17:45|栏目：JavaScript代码|点击： 次
这回的小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代码
下一篇：基于JQuery模仿苹果桌面的Dock效果(初级版)
本文标题：js动态往表格的td中添加图片并注册事件
本文地址：http://www.codeinn.net/misctech/183837.html
