js动态生成的div没有点击事件 js动态生成dom

jq创建的div后,怎样触发js事件

需要委派事件，否则动态生成的无法绑定事件。

可以先给div标签设置id，然后给这个id绑定点击事件。

js要在div t的后面。另外onclick事件不需要在里面加javascript；它本身就是执行一个js函数，如果是a标签href里就需要加。

相关问答

Q1: 我用js生成一组div,其中id是从后台动态获取的,想对div里面的关闭按钮...

直接在回调函数里面添加这个事件的响应。因为在加载完之前，你的click事件是找不到对象的。将this的值传递给回调函数，然后用dom树找到那个按钮，因为我不知道按钮在那一级，所以没发给具体的。之后就可以简单的添加事件了。

现在来说第一个方法：假如你在上面的代码的标签中假如这样一个id ：那么可以这样来找到DIV的ID值：var the_div_id = document.getElementById(test).getElementsByTagName(div)[0].id；这样要求一点点小技巧。

再输入js代码：$(#id + a).remove()；。再运行html，此时发现动态添加的div被成功删除了。

我这个能解决获取从div传过来的那个变量，你把前面弄个循环，就是动态获取了 我弄得是jquery，改成js，你应该明白吧。

在js标签内，在页面加载完成时，获取body对象，使用append()方法向body动态添加一个div元素。在test.html文件中，使用button标签创建一个按钮，按钮名称为“获取id值”。

Q2: js如何显示一个div元素,是直接显示,没有任何事件!

1、script type=text/javascriptwindow.onload=function(){ document.getElementById(box).style.border = 10px solid red}/script你执行代码的时候box还没生成，浏览器找不到这个元素。

2、页面复制有一个id为c2的div，下面有一个子div，下面有一个按钮，事件是用来点击100个adddiv。在event函数中，定义一个内容为degreediv字符的字符串变量。

3、首先，打开html编辑器，新建一个html文件，例如：index.html。

Q3: js无法实现自动点击div层,代码错在哪里?

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

首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的script标签，输入js代码：$(img).click()；。

tree加载完成后执行。使用window.onload这个方法，但是这个有缺陷，这个方法是在页面所有的对象都加载完成后执行，如果页面有些图片对象过大的话加载时间会很长，在打开也面时等待时间过长让人觉得js失效了。

也就先做一个DIV。里面的内容都做好。此DIV背后加一个mask层。把这个DIv默认设置为隐藏。

接着如图编写js代码，使得点击指定div后跳转指定页面。 其他三个html文件只是简单显示一下信息，三个文件的内容如图。 编辑完后，用浏览器打开index.html文件，结果如图。 点击第一个div，效果如图。

Q4: ...了一个div,给他一个id,用jq写了这个id的点击事件,但点击后没效果...

首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

可以先给div标签设置id，然后给这个id绑定点击事件。

在test.html文件内，设置div的id属性为abc，用于下面通过该id获得div对象。在test.html文件内，使用button标签创建一个按钮，按钮名称为“获取div里面的值”。

根据attr(attribute)获取属性名，必须知道上一级的div的class名或者id名，或者本身知道div的class或者id要获取其他属性，都是这么做的。$(#d1).attr(xxx)；xxx是你想获取的某个属性的值。

首先，要用jquery获取到这个元素，用attr方法可以输出这个元素的标签属性。例如：div id=id1 class=class2/div (#id1) 获取到这个元素，有很多种获取元素方法，可参考jquery的文档。

var i=1；function createElement(){ $(body).append(div id=a+i+/div)； i++；}点击button 的时候执行createElement()这个函数。

Q5: 为什么我用JS动态生成的DIV模块,里面的点击方法不生效?

1、可能原因如下：点击事件名称是onclick，请不要出现拼写错误。事件后面的对应的是方法名称，请确认该方法已经正确定义或者没有出现方法名称的拼写错误，方法名后要加()，如form()。

2、这里时，$(#children)这个对象并不存在，程序就会判定为出错，那个这个事件代码就无效了。你应该在动态生成元素的同时也动态生成事件过程，而不是先生成一个子虚乌有的事件来等着元素对号入座。

3、(document).on(click，.class，function(){……})；相当于$(.class).live(click，function(){……})；js生成的元素绑定事件必须使用live，但新版的jq，已经淘汰了live，可以用on方法代替，但必须注意写法。

关于js动态生成的div没有点击事件和js动态生成dom的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。