【笔记】HTMLCollection拿不到元素?无法转Array?

简介: HTMLCollection拿不到元素?无法转Array?

脱离框架,难免直接操作dom,这时,jquery是一大神器,可是在获取dom元素时,有时会出现拿不到的情况。。。

我遇到的情况是,犯了一个低级错误:$().ajax()之后,获取dom并未在回调函数success中进行,这时就会出现奇怪的情况:
在这里插入图片描述
由于HTMLCollection是动态的,所以才会有这种打印出的结果,和赋值时不一样。。。

HTML DOM 中的 HTMLCollection 是即时更新的(live);当其所包含的文档结构发生改变时,它会自动更新。——MDN

疑问解决!HTMLCollection 转 Array:

  • Array.prototype.slice.call(HTMLCollection)
  • [].slice.call(HTMLCollection)
  • Array.from(HTMLCollection)
  • [...HTMLCollection]

over

相关文章
|
4月前
|
索引
ArrayList集合常用方法,.set可以用来生成图片和赋值命名,array.remove(1),array.set(1,“xxxx”)可以修改指定位置,array.size可以获取元素的个数
ArrayList集合常用方法,.set可以用来生成图片和赋值命名,array.remove(1),array.set(1,“xxxx”)可以修改指定位置,array.size可以获取元素的个数
|
6月前
|
SQL XML Java
<foreach>元素中collection=list改成collection=array
<foreach>元素中collection=list改成collection=array
|
分布式计算 MaxCompute
在MaxCompute中,如果你想知道一个数组(Array)中有多少个元素
在MaxCompute中,如果你想知道一个数组(Array)中有多少个元素
206 1
|
测试技术
[Eigen中文文档] Array类与元素操作
与Matrix类用于线性代数计算不同的是,Array类提供了通用目的数组。此外,Array类提供了一种执行按系数运算的简单方法,这可能没有线性代数意义,例如对每一个元素都加一个常数或按系数将两个数组相乘。
232 0
|
Python
numpy重新学习系列(7)---如何用np.ones_like创建一个新的和原来array形状一样的,但是元素为1的新的array
numpy重新学习系列(7)---如何用np.ones_like创建一个新的和原来array形状一样的,但是元素为1的新的array
108 0
numpy重新学习系列(7)---如何用np.ones_like创建一个新的和原来array形状一样的,但是元素为1的新的array
|
Python
numpy重新学习系列(5)---如何用np.zeros_like创建一个新的和原来array形状一样的,但是元素为0的新的array
numpy重新学习系列(5)---如何用np.zeros_like创建一个新的和原来array形状一样的,但是元素为0的新的array
125 0
numpy重新学习系列(5)---如何用np.zeros_like创建一个新的和原来array形状一样的,但是元素为0的新的array
|
JavaScript
js:Array数组插入元素操作的4种方式
js:Array数组插入元素操作的4种方式
160 0
|
Python
numpy重新学习系列(6)---如何用np.ones创建一个新的array,里面元素是1
numpy重新学习系列(6)---如何用np.ones创建一个新的array,里面元素是1
68 0
|
Python
numpy重新学习系列(4)---如何用np.zeros创建填充元素为0的array
numpy重新学习系列(4)---如何用np.zeros创建填充元素为0的array
110 0
|
29天前
|
人工智能 前端开发 JavaScript
拿下奇怪的前端报错(一):报错信息是一个看不懂的数字数组Buffer(475) [Uint8Array],让AI大模型帮忙解析
本文介绍了前端开发中遇到的奇怪报错问题,特别是当错误信息不明确时的处理方法。作者分享了自己通过还原代码、试错等方式解决问题的经验,并以一个Vue3+TypeScript项目的构建失败为例,详细解析了如何从错误信息中定位问题,最终通过解读错误信息中的ASCII码找到了具体的错误文件。文章强调了基础知识的重要性,并鼓励读者遇到类似问题时不要慌张,耐心分析。

热门文章

最新文章