（getElementBy**）与 querySelector(querySelectorAll) 的区别
2024-09-02 00:27:53
1. 通过类似于 document.getElementByTagName('div') 这种方式获取到的类数组，无法通过 forEach 进行遍历（可以通过for循环）；而通过document.querySelectorAll(div)可以通过forEach 进行遍历。
（1）首先看 getElementByTagName 的这种情况
网页表现
（2）然后看 querySelectorAll 的这种情况
网页表现
2. 通过 getElementBy** 获取这种方式获取到的数组是动态的；而 querySelectorAll 这种方式获取到的是静态的（但是如果是 querySelectorAll 获取到的dom内部发生的变化，依旧是会动态改变的）
（1）首先我们看 getElementBy** 这种方式
网页表现
（2）我们可以看到尽管没有重新获取dom，liArr还是检测到了新加入的 li 标签。接下来我们看一下通过 querySelectorAll 这种方式获取到的dom列表。
网页表现
（3）接下来，我们将一个新的标签放到第一个li标签的内部。
网页表现
可以发现，通过 querySelectorAll 获取到的dom并不是绝对静态的，添加到这些dom内部的变化，依旧可以检测到。
最新文章
- 利用python检测色情图片简易实例
- 阿里云 centos 部署javaweb 应用
- iOS开发 UITableView之cell
- 体验Lua
- Debian安装JAVA环境(转载)
- javascript 横向下拉菜单演示
- C# 图片平移及缩放
- wxpython tab切换页面
- django之admin流程
- qt部件的可视性
- （1）vue点击图片预览（可旋转、翻转、缩放、上下切换、键盘操作）
- flex布局 响应式布局
- Java Applet小应用
- 用runtime来重写Coder和deCode方法 归档解档的时候使用
- Android命令（更新……）
- nodeJS + webStrome
- learnyounode 题解
- MVVM中轻松实现Command绑定任意事件的Command
- 【FFT】OpenJ_POJ - C17H - Reverse K-th Problem
- 转载：关于消息队列的使用----ActiveMQ，RabbitMQ，ZeroMQ，Kafka，MetaMQ，RocketMQ