为什么我用JS动态生成的DIV模块，里面的点击方法不生效？_IT百科

不生效主要是因为：

动态生成的dom之前的绑定事件都失效了

动态追加的元素之前的都有事件都已经没了

解决方法：

给父级绑定事件，采用事件委托的方式

dom动态生成后，再次获取和重新绑定事件即可

可能原因如下：

1、点击事件名称是onclick，请不要出现拼写错误。

2、事件后面的对应的是方法名称，请确认该方法已经正确定义或者没有出现方法名称的拼写错误，方法名后要加()，如form()。

3、更改标签的内容需要inner.HTML且确认以获取到需要更改的div。

onclick实例：

<html>

<body>

Field1: <input type="text" id="field1" value="Hello World!">

<br />

Field2: <input type="text" id="field2">

点击下面的按钮，把 Field1 的内容拷贝到 Field2 中：

<br />

<button onclick="document.getElementById('field2').value=

document.getElementById('field1').value">Copy Text</button>

</body>

</html>

效果如下：

先注册事件，再添加div，是不行的。用on去注册事件。

看下这个，有没有帮助： http://jingyan.baidu.com/article/36d6ed1f9f46a71bcf488304.html

欢迎分享，转载请注明来源：内存溢出

为什么我用JS动态生成的DIV模块，里面的点击方法不生效？