类选择器获取动态加载的元素的方法

最新推荐文章于 2021-12-12 13:39:40 发布
最新推荐文章于 2021-12-12 13:39:40 发布
阅读量1.1k 收藏
点赞数
分类专栏： js学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Add_a_cat/article/details/91171435
版权

在document 加载完成后才进行的渲染,

如果不确定可以尝试查看源代码能否找到对应元素,

解决办法可以通过 setTimeout 来延迟获取,或者 setInterval 抓取

 

在油猴上尝试了很多方法

包括：

// @run-at      document-end

document.onload= function() {}

$(document).ready(function(){})

都没有用。

会遇到这问题的基本上还是写js脚本的时候，看别人写都没问题，就自己写有问题，就很难受。

类似参考：

https://stackoverflow.com/questions/35139512/how-to-run-a-selector-on-a-dynamically-generated-page

Add_a_cat
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery瀑布流 图片无限加载代码
08-09
一款简单的jquery瀑布流特效，完美实现了图片的ajax无限加载效果，相关参数设置说明： 　　column_width:240,//列宽 　　column_className:'waterfall_column',//列的类名 　　column_space:10,//列间距 　　cell_selector:'.cell',//要排列的砖块的选择器，context为整个外部容器 　　img_selector:'img',//要加载的图片的选择器 　　auto_imgHeight:true,//是否需要自动计算图片的高度 　　fadein:true,//是否渐显载入 　　fadein_speed:600,//渐显速率，单位毫秒 　　insert_type:1, //单元格插入方式，1为插入最短那列，2为按序轮流插入 　　getResource:function(index){ } //获取动态资源函数,必须返回一个砖块元素集合,传入参数为加载的次数 　　function(index,render){//index为已加载次数,render为渲染接口函数,接受一个dom集合或jquery对象作为参数。通过ajax等异步方法得到的数据可以传入该接口进行渲染，如 render(elem)
jQuery操作动态生成的内容的方法
11-23
本文实例讲述了jQuery操作动态生成的内容的方法。分享给大家供大家参考，具体如下： 由于jQuery是页面一加载获取页面元素的，后期动态生成的元素，通过$(“#xxxx”)获取不到，需要用原始的js语句来获取： document.getElementById("xxx").value 对于动态生成的元素，bind绑定的事件 也无法触发，需要通过jQuery提供的另外一个方法 .live() 这个方法是基本是的 .bind() 方法的一个变体。使用 .bind() 时，选择器匹配的元素会附加一个事件处理函数，而以后再添加的元素则不会有。为此需要再使用一次 .bind() 才行。比如说 <
drag:拖动元素的克隆
03-18
Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： npm start 在开发模式下运行应用程序。打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。您还将在控制台中看到任何棉绒错误。 npm test 在交互式监视模式下启动测试运行器。有关更多信息，请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 生成被最小化，并且文件名包括哈希值。您的应用已准备好进行部署！ 有关更多信息，请参见关于的部分。 npm run eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。此命令将从您的项目中删除单个生成依赖项。 相反，它将所有配置文件和传递依赖项（webpack，Babel，ESL
JQuery学习提纲
01-08
学习基础 在学习JQuery之前，应该具备一些必要的基础知识，相关内容可以参考菜鸟教程。 HTML CSS JavaScript HTML DOM JQuery循序渐进 推荐大家按照以下知识点的顺序循序渐进地学习 一. JQuery安装 若采用CDN服务器的方式在线加载，可以访问国内开源库CDN服务器，查询各个版本可用的JQuery库链接 二. JQuery语法 JQuery本质上仍然是对DOM和样式进行操作，因此基本内容还是围绕特定“事件”触发某些动作（方法），从而对某些”DOM元素“的属性或”样式“进行修改。因此JQuery的学习就是围绕以下内容进行学习： 如何获取要操作的”DOM元素“，
jquery 动态选择器
08-10
NULL 博文链接：https://nancychengnan.iteye.com/blog/2201743
点击类选择器，获取索引
weixin_34360651的博客
10-12 217
1.存在一类选择器，点击其中一条，获取它所在类的索引位置 <div class="list-group"> //引用了bootstrap的列表组 <a href="#" class="list-group-item datalist active">>/data/南宁市地类图斑.udb</a> <a hre...
类选择器(CSS选择器）
dongbo2355的博客
08-23 428
类选择器以（.）为前缀，后面为类名。 在标签中定义class属性，然后设置属性值为类名选择器。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text...
类选择器和遍历以及获取文本
m0_59776219的博客
08-21 136
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="...
如何动态生成Selector状态选择器
Deng XianJun
10-13 442
如何动态生成Selector状态选择器 http://blog.csdn.net/suwenlai/article/details/54693204
多功能超级文件管理器 Total Commander Ultima Prime 7.7 中文多语免费版.zip
06-02
Total Commander Ultima Prime 是在一个安装包中收集的软件和自定义设置的集合，以增强 Total Commander（文件管理器）的 可能性。计算机最重要的方面之一是您应该能够快速而轻松地管理文件。当然，Windows 资源管理器一直是某些人的默认文件管 理器，而其他人则一直首选 Total Commander。 多功能超级文件管理器 Total Commander Ultima Prime 中文版多功能超级文件管理器 Total Commander Ultima Prime 中文版 Total Commander Ultima Prime 主要特色： 彻底的设置过程 Ultima Prime 是 Total Commander 的非常不错的改进，在其中您可以使用其他功能，这些功能将帮助您更有效地组织文件和文 件夹。安装过程包含几个步骤，您可以在其中配置 Total Commander 的某些方面，因此请花一些时间。 习惯于友好的界面 该界面像 Total Commander 一样易于使用，仅包含新功能。在窗口的顶部，您有很多按钮，因此只需单击一下即可访问功能。可以从安装过程中采取的步骤之一中选择样式。 配备您需要的一切 Total Commander Ultima Prime 的好处是它与各种有用的插件捆绑在一起，因此您不需要任何其他软件。例如，您可以添加/删除程序，访问自动运行，CD / DVD刻录，电子邮件，虚拟磁盘，Web 浏览器，Notepad ++，TeamViewer，Universal Extractor，uTorrent，Virtual Dub 等许多其他功能，但也可以关闭或重新启动计算机。 减轻计算机负担 该软件总体上来说很棒，但是它并没有给您选择您想要和不想安装的确切插件的可能性，并且大多数人对使用应用程序的所有内容都不感兴趣（在这种情况下，是文件管理器）必须提供。尽管如此，Total Commander 仍然比 Windows 资源管理器使用更少的 CPU 和内存，并且始终欢迎使用“功能”。 Total Commander Ultima Prime 是 Christian Ghisler 的 Total Commander 的特殊发行版，其中包含许多有用的第三方加载项，插件和自定义项。它还包含扩展的主菜单和工具栏，其他程序，更改的布局和其他元素。最新版本带来了另一个安装程序的代码更改。从现在开始，可以使用操作系统启动 TC UP。由于防病毒应用程序提供了虚假警报，因此 Total Commander Ultima Prime 以安全模式安装，没有任何可疑文件。要安装整个项目的内容，用户应选择“完全安装”模式。该项目已获得 WinContig 应用程序以清除文件用途。高级用户应该对名为 Tail for Win32 的出色日志查看器感到满意。在自定义列中提供其他信息的方式已得到纠正。
微信小程序实现动态获取元素宽高的方法分析
11-26
本文实例讲述了微信小程序实现动态获取元素宽高的方法。分享给大家供大家参考，具体如下： 我以前一直以为微信小程序不能动态获取view元素的宽高。但是自从看到： wx.createSelectorQuery() 这个api接口，以前的某些...
定位器：Chrome扩展程序可在页面上查找自定义元素，并在目录中搜索其他信息
02-01
自定义元素定位器 Chrome扩展程序可在页面上查找自定义元素，并在目录中搜索其他信息 使用说明 写代码 运行npm run build 前往chrome：// extensions / 在右上角切换“开发人员模式” 点击左上角的“加载解包” ...
深入理解Java类加载器(ClassLoader)
热门推荐
zejian的博客
06-26 24万+
【版权申明】未经博主同意，谢绝转载！（请尊重原创，博主保留追究权） http://blog.csdn.net/javazejian/article/details/73413292 出自【zejian的博客】 关联文章： 深入理解Java类型信息(Class对象)与反射机制 深入理解Java枚举类型(enum) 深入理解Java注解类型(@Annotation) 深入理解
Chrome、Firefox 浏览器常用插件
蚩尤后裔-汪茂雄
01-03 1万+
目录 video-downloadhelper 视频下载 Adblock Plus 广告拦截 Json 插件 Rest Client 请求 Tab Reloader 网页自动刷新 video-downloadhelper 视频下载 官网介绍：可以轻松下载 youtube 上的视频，无论任何格式的视频任何网站的视频都可以下载。 亲测国内的网站，如微博等网页上视频都能轻松下载。 v...
2021-03-20
kwonj的博客
03-20 174
Python学习笔记——列表 部分目录 列表创建与删除 列表元素的增加 列表元素的删除 列表元素访问与计数 成员资格判断 列表定义：是Python的内置可变序列，是包含若干元素的有序连续内存空间。在形式上，列表的所有元素放在一对方括号{“和”}中，相邻元素之间用逗号隔开 列表对象常用方法 方法 说明 append(x) 将元素x添加至列表尾部 extend(iterable) 将可迭代对象iterable中
解决网页pdf禁止打印的方案
qq_43606857的博客
12-12 1万+
网页禁止打印pdf解决办法
js递归获取html页面所有标签
Add_a_cat的博客
04-11 2390
js原生递归获取,直接源码: 　　const child = document.children;//body就用document.body.children 　　var arr = [];//用来存放获取到的所有的标签 　　function fn(obj){ 　　　　for(let i=0;i<obj.length;i++){ 　　　　　　 if(obj[i].childre...
js 中 functionname= () => { }
Add_a_cat的博客
05-15 484
(a, b) => { console.log(a); } 相当于 function(a, b) { console.log(a); } 表示一个匿名的函数
可以帮我写个级联选择器动态加载的方法吗
最新发布
05-30
当用户选择某一级别的选项时，需要根据该选项的值动态加载下一级别的选项。可以通过以下代码实现： ```javascript //获取省份下拉框和城市下拉框的DOM元素 var provinceSelect = document.getElementById("provinceSelect"); var citySelect = document.getElementById("citySelect"); //定义省份和城市数据 var provinceData = [ { name: "广东省", cities: ["广州市", "深圳市", "珠海市"] }, { name: "湖南省", cities: ["长沙市", "株洲市", "湘潭市"] } ]; //省份下拉框改变事件处理函数 provinceSelect.onchange = function() { //获取当前省份的值 var selectedProvince = provinceSelect.value; //根据省份的值获取对应的城市数组 var selectedCities = provinceData.find(function(province) { return province.name === selectedProvince; }).cities; //清空城市下拉框的选项 citySelect.innerHTML = ""; //动态添加城市下拉框的选项 selectedCities.forEach(function(city) { var option = document.createElement("option"); option.value = city; option.innerText = city; citySelect.appendChild(option); }); }; ``` 这段代码实现了一个简单的省份-城市级联选择器，当省份下拉框的选项改变时，会动态加载对应省份的城市选项。你可以根据自己的数据格式和页面结构进行修改和优化。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值