js动态往表格的td中添加图片

最新推荐文章于 2025-10-31 01:05:50 发布

原创最新推荐文章于 2025-10-31 01:05:50 发布 · 8.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#js

js 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个简单的网页案例，通过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事件调用上面这个函数就可以了。