js 原生 document.querySelectorAll document.getElementsByTagName document.querySelector document.getElementById的区别
2024-08-26 16:02:14
1、querySelector只返回匹配的第一个元素,如果没有匹配项,返回null。
2、querySelectorAll返回匹配的元素集合,如果没有匹配项,返回空的nodelist(节点数组)。 可通过指定下标的方法获取某个的元素,例如document.querySelectorAll('.ubox')[0],表示获取第一个。
返回的结果是静态的,之后对document结构的改变不会影响到之前取到的结果。
这两个方法都可以接受三种类型的参数:id(#),class(.),标签,很像jquery的选择器。
3、getElementsByTagName() 方法可返回带有指定标签名的对象的集合。
document.getElementsByTagName("p")[3]获取指定元素。
4、getElementById()返回指定的元素。
最新文章
- Delphi_02_Delphi程序的结构
- sublime 中 pyv8 binary 报错怎么处理?
- linux 屏幕亮度调节
- Linux命令(17)du 查看文件和目录磁盘使用情况
- JavaScript 异常
- 提示29. 怎样避免延迟加载或Load()阅读器问题
- 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(43)-工作流设计-字段分类设计
- 使用easy_install安装numpy、pandas、matplotlib及各种第三方模块
- android实现文本复制到剪切板功能(ClipboardManager)
- C#中的TCP通讯与UDP通讯
- javascript操作JSON字符
- jquery 高级 学习笔记
- 24. leetcode 409. Longest Palindrome
- svn conflict 冲突解决
- java常用API的总结(1)
- redis 哨兵模式 Connection refused
- Java后端工程师的学习技术栈
- Cocoa 集合类型:NSPointerArray,NSMapTable,NSHashTable
- Maven java.lang.OutOfMemeoryError 问题
- 用docker搭建php+nginx+laravel的开发环境