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

2019-12-21,,,

这回的小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事件调用上面这个函数就可以了。

您可能感兴趣的文章:

  • 老生常谈js动态添加事件--- 事件委托
  • JavaScript动态添加事件之事件委托
  • JS脚本实现动态给标签控件添加事件的方法
  • js动态添加onclick事件可传参数与不传参数
  • 多种方法实现JS动态添加事件
  • JS动态给对象添加事件的简单方法

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

下载本文的Word格式文档,以方便收藏与打印。