如何获取用JS产生的DOM元素

最新推荐文章于 2023-01-15 00:22:55 发布
最新推荐文章于 2023-01-15 00:22:55 发布
阅读量996 收藏
点赞数
分类专栏： JQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kexiaoling/article/details/53158927
版权

如果DOM元素不是页面加载时就存在的，而是后面用js生成的


那么用  $('#dom-name').clcik()   是无法绑定事件的  ，因为页面中没有这个DOM


但可以用    $("body").on("click","#dom-name",function(){ }))     来绑定事件  



至于为什么   ， 还没研究

IT界鸟叔
关注
专栏目录
创建 DOM 元素的几种方式
angry_rooster的博客
06-23 8743
通过write()、createElement()和innerHTML创建元素 document.write() document.write()是向文档写入内容，参数是一个包含要写入文档的文本的字符串 document.write(markup); 类似的还有一个document.wirteln()，只是最后紧跟一个换行符 如果字符串中有标签元素，会被识别为标签元素，并在文档中创建一个对应元素节点 但如果在文档加载完毕后才调用document.write()，则会重写整个文档，将之前所有的内容覆盖
解决如何获取angular.js自动生成的dom元素并进行操作
qq_43920456的博客
12-14 1401
起因： 今天做项目，需要给ng-repeat内生成的记录加一个状态操作。就想到了用单选框。当状态为false时选中，true时未选中。需要完成这一操作就代表我在初始化页面的时候，就需要获取到每个元素的状态值，并且通过状态值更改radio的选中状态。 代码： //初始化请求 $scope.$watch('$viewContentLoaded', function() { http.post({ url: ROOT + url, succes
JS获取动态添加元素的方法详解
12-01
本文实例讲述了JS获取动态添加元素的方法。分享给大家供大家参考，具体如下： 在页面的渲染中,我们经常用遇到动态添加的DOM元素,那么在获取这些元素的时候或则为这些DOM元素的时候,我们有下面三种处理方法: 1.  在模板引擎里面添加行内事件 2.  利用事件的委托获取(常用) 3.  在ajax的监听响应完成函数后面获取 一 在模板引擎里面添加行内事件 添加行内事件就是在标签里面添加事件,这样就可以直接获取到动态添加的元素. <!-- 1.准备一个模板 --> [removed] {{ each rows
用js动态操纵DOM节点
lvyang251314的博客
03-16 1536
js控制添加和删除DOM节点1.添加dom节点&lt;div id="div1"&gt; &lt;p id="p_1"&gt;我是第一个段落&lt;/p&gt; &lt;p id="p_2"&gt;我是第二个段落&lt;/p&gt; &lt;/div&gt;浏览器效果开始编写js代码&lt;script&gt; /
webApi (一) DOM操作
fjd7474的博客
03-01 624
webApi 之 DOM操作DOM1. DOM简介1.1 什么是DOM1.2 DOM树2 获取元素2.1 根据id获取2.2 根据标签名获取2.3 通过 HTML5 新增的方法获取2.4 获取特殊元素（body，html）3 事件基础3.1 事件三要素3.2 常见的鼠标事件4 操作元素4.1 改变元素内容4.2 修改元素属性4.3 表单元素的属性操作4.4 样式属性操作4.4.1 element.style 行内样式操作4.4.1 element.className 类名样式操作4.5 样式操作总结4
js基础知识（二十七）--DOM对象的创建、插入
weixin_47928499的博客
08-08 3194
DOM对象的创建、插入
Js操作DOM元素及获取浏览器高宽的简单方法
10-21
除了获取DOM元素，JavaScript还提供了多种方法来获取浏览器窗口的尺寸。`document.body.clientWidth`和`document.body.clientHeight`分别提供了网页可见区域的宽度和高度。而`document.body.offsetWidth`和`document...
使用jQuery监听DOM元素大小变化
10-22
在JavaScript和jQuery的世界里，有时候我们需要监听DOM元素的尺寸变化，以便在元素尺寸改变时执行特定的操作。jQuery的`resize`事件通常用于监听窗口大小的变化，但jQuery还提供了一种扩展，使得我们可以将`resize`...
JS中用childNodes获取子元素换行会产生一个子元素
10-20
这个例子展示了为什么我们在处理DOM元素时，如果想得到元素节点的列表而不包含任何文本节点，更倾向于使用`children`属性而不是`childNodes`。`children`属性仅返回元素节点，忽略所有文本节点和注释节点，从而避免...
Vue事件以及获取dom元素
XIAO_YuBaby的博客
11-11 3944
事件对象和事件修饰符 <template> <div id="app"> <!-- Vue 事件 以及获取dom元素（虚拟） v-on:事件类型 简写@事件类型 v-once 一次性数据绑定 changes 执行的方法可以不带括号 若方法有参数 --> <b...
javaScript 生成DOM 对象（html标签）.rar
11-27
javaScript 生成DOM 对象（html标签） DHTML(html 的 DOM对象)
js中的DOM
m0_71858591的博客
08-02 123
理解js中的DOM： 改变样式及querySelectorAll与querySelector两者的区别
JavaScript动态创建DOM（七）
AI浩
06-02 5930
动态创建DOM document.write只能在页面加载过程中才能动态创建。 可以调用document的createElement方法来创建具有指定标签的DOM对象，然后通过调用某个元素的appendChild();方法将新创建元素添加到相应的元素下。//父元素对象.removeChild(子元素对象);删除元素。 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title&gt...
Javascript-获取DOM元素的五种方法
最新发布
Ass12454548的博客
01-15 4134
简介本文主要介绍通过JS获取DOM元素的五种方法:1.根据id名获取元素:getElementById;2.根据标签名获取元素:getElementsByTagName,返回一个数组;3.根据类名获取元素:getElementsBClassName,返回一个数组;4.根据name属性获取元素:getElementsByName,返回一个数组;5.根据选择器获取元素:1.querySelector:获取一个元素,推荐使用,用法类似写css;
js如何获取动态生成的dom节点
zj1361232的博客
06-02 3574
应用场景-植入js脚本 植入js脚本对站点实现各种限制的难点在于，如何正确且及时的获取到需要操作的dom节点。 需要进行操作的dom节点可能不是一开始就出现在文档流当中，所以使用常规获取节点的方式并不能取到要操作的节点。 针对以上问题就需要有一个方法可以及时获取到节点（节点渲染到文档流中的时候及时获取到再进行对应的操作） listening()函数就是完成及时获取到动态节点的方法也是植入js脚本实现对站点各种限制的核心函数； 实现思路： 首先一个帧循环函数（setInterval）执行间隔就是速率，经过测
JS获取动态添加的元素
热门推荐
weixin_42839080的博客
10-14 1万+
在页面的渲染中,我们经常用遇到动态添加的DOM元素,那么在获取这些元素的时候或则为这些DOM元素的时候,我们有下面三种处理方法: // 1. 在模板引擎里面添加行内事件 // 2. 利用事件的委托获取(常用) // 3. 在ajax的监听响应完成函数后面获取 一 在模板引擎里面添加行内事件 添加行内事件就是在标签里面添加事件,这样就可以直接获取到动态添加的元素. &lt;!-- 1.准...
原生js实现dom的获取及操作
weixin_42349568的博客
07-22 2344
DOM（文档对象模型）是针对HTML和XML文档的一个API（应用程序编程接口）。DOM描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分。DOM脱胎于Netscape及微软公司创始的DHTML（动态HTML），但现在它已经成为表现和操作页面标记的真正的跨平台、语言中立的方式。...
JS操作dom元素（一）——获取DOM节点的六种方式
weixin_44867717的博客
07-06 6248
dom元素
无法获取js创建的dom
weixin_41138247的博客
04-08 606
页面先执行脚本，再渲染DOM。因此无法使用如jquery的$('#id')或D3的select去获取dom。 需要先创建DOM，创建完成后执行window.onload()方法，确保dom已经装载完成。选择器放在此方法中即可。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

IT界鸟叔

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值