js如何动态添加onclick。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js如何动态添加onclick。相关的知识,希望对你有一定的参考价值。

var img = document.createElement("img");
js创建了一个img图片标签,我还想给他添加一个方法onclick=“alert()"
如何实现》?、

参考技术A <!-- img div btn 都是一样的 -->
<html>
<head>
<script type="text/javascript">
function bindEvent() 
var d1 = document.getElementById("d1");
d1.onclick = function() 
console.log(this.innerHTML);


var d2 = document.getElementById("d2");
d2.onclick = function() 
console.log(this.innerHTML);



window.onload = bindEvent;
</script>
</head>
<body>
<div id="d1">1111</div>
<br />
<div id="d2">2222</div>
</body>
</html>

追问

onclick =function() alert(); 这个后面需要加上分号吗?;

参考技术B function add(e)

var container = document.getElementById('content');
var text = document.getElementById(e).innerHTML;
var newNode = document.createElement("span");
newNode.innerHTML = text;
container.appendChild(newNode);

var ui =document.getElementById(e);
ui.style.visibility="hidden";

// 加上这段就可以了
newNode.onclick = function()
container.removeChild(this);
ui.style.visibility="visible";

追问

onclick =function() alert(); 这个后面需要加上分号吗?;

参考技术C img.onclick = functiong()
alert('test');

本回答被提问者采纳

以上是关于js如何动态添加onclick。的主要内容,如果未能解决你的问题,请参考以下文章

js 动态添加的按钮 onclick事件怎么写?

js动态给一个select添加onclick事件

js+jquery动态设置/添加/删除/获取元素属性的两种方法集锦对照(动态onclick属性设置+动态title设置)

js 为动态添加的元素绑定事件

JS给页面添加标签的同时添加标签的onclick事件

如何将onclick动态添加到arraylist