目录
前言
1. 通过ID获取元素
2. 通过类名获取元素
3. 通过标签名获取元素
4. 通过CSS选择器获取单个元素
5. 通过CSS选择器获取所有匹配的元素
6. 通过名称属性获取元素
总结
前言
在JavaScript中，
document
对象提供了多种方法来获取页面中的元素。以下是一些常用的获取元素的方法，以及具体的示例代码：
1. 通过ID获取元素
document.getElementById()
方法用于通过元素的
id
属性获取单个元素。
Document Example
Hello World
2. 通过类名获取元素
document.getElementsByClassName()
方法用于通过元素的
class
属性获取一个元素集合（HTMLCollection）。
Document Example
Item 1
Item 2
3. 通过标签名获取元素
document.getElementsByTagName()
方法用于通过元素的标签名获取一个元素集合（HTMLCollection）。
Document Example
Div 1
Div 2
4. 通过CSS选择器获取单个元素
document.querySelector()
方法用于通过CSS选择器获取第一个匹配的元素。
Document Example
Item 1
Item 2
5. 通过CSS选择器获取所有匹配的元素
document.querySelectorAll()
方法用于通过CSS选择器获取所有匹配的元素，返回一个
NodeList
。
Document Example
Item 1
Item 2
6. 通过名称属性获取元素
document.getElementsByName()
方法用于通过元素的
name
属性获取一个元素集合（NodeList）。
Document Example
上述这些方法可以根据不同的需求选择使用，帮助我们在JavaScript中灵活地操作DOM元素。
总结
到此这篇关于JS中document获取元素的常用方法的文章就介绍到这了,更多相关JS中document获取元素内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
您可能感兴趣的文章:
JavaScript中document对象使用详解
JavaScript中的Document文档对象
浅析JS中document对象的一些重要属性
JS document对象简单用法完整示例