当前位置: 首页 > 编程笔记 >

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

竺绍辉
2023-03-14
本文向大家介绍js动态往表格的td中添加图片并注册事件,包括了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事件调用上面这个函数就可以了。
 类似资料:
  • 本文向大家介绍JS实现动态给图片添加边框的方法,包括了JS实现动态给图片添加边框的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS实现动态给图片添加边框的方法。分享给大家供大家参考。具体如下: 下面的JS代码设置图片的边框为2个像素,即border=2 希望本文所述对大家的javascript程序设计有所帮助。

  • 我在战争中动态加载一个罐子。这个jar包含一些我想注册为bean的java类。代码看起来像 动态加载jar文件 加载类并将其注册为Spring应用程序上下文中的bean 然而,这将加载dao类。现在,当我加载依赖于dao类的服务类时,它会失败,出现以下异常 原因:org.springframework.beans.factory.NoSuchBeanDefinitionException:找不到

  • 本文向大家介绍JS实现为表格动态添加标题的方法,包括了JS实现为表格动态添加标题的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS实现为表格动态添加标题的方法。分享给大家供大家参考。具体如下: JS中的表格对象带有一个createCaption方法用于为表格创建标题caption 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍JavaScript中动态向表格添加数据,包括了JavaScript中动态向表格添加数据的使用技巧和注意事项,需要的朋友参考一下 利用JavaScript ,动态向表格中添加数据,其实方法很简单的,下面给大家分享下实现方法 1. 首先先写出表格的表头和主干部分 2. 接下来就是网表格里面添加数据,这里用的是原生javascript 3. 网页测试 显示成功,点击删除按钮,并确定即可删

  • 问题内容: 我在AngularJS中具有以下 静态 形式: Angular为我创建了一个FormController并将其发布到范围内(在表单名称下)。这意味着我可以访问以下属性: 这超级有用! 但就我而言,我正在使用指令 动态 构建表单: 该指令不解决实际元素,直到一段时间后(我已经从服务器获得的一些数据,链接的指令等)。 这里的问题是在表单控制器上没有定义任何字段属性,就像动态字段未向Form

  • 有没有办法动态设置@JsonProperty注释,例如: 或者我可以简单地重命名实例的字段吗?如果是这样,请给我一个主意。此外,可以以何种方式与序列化一起使用?