DOM获取元素的方法
JavaScript中DOM获取元素的方法共有5中，分别有：
1.根据id获取元素：document.getElementById('id')方法，是由document对象提供的用于查找元素的方法。
(1)该方法返回的是拥有指定id的元素；
(2)如果没有找到指定id的元素则返回null；
(3)如果存在多个指定id的元素则返回第一个。
- 11111
- 22222
2.根据标签名获取元素：getElementsByTagName() 方法可返回带有指定标签名的对象的集合。
语法结构：document.getElementsByTagName('标签名');或element.getElementsByTagName('标签名');
盒子1
盒子2
- 首页
- 产品
注：返回的集合是一个类数组对象，它可以像数组一样用索引来访问元素，但不能使用push()等方法。
3.根据name属性获取元素：document.getElementsByName()方法，是通过name属性来获取元素，一般用于获取表单元素。name属性的值不要求必须是唯一的。多用于表单、按钮等。
语法结构：document.getElementsByName('name名');
请您选择专业
4.根据类名获取元素：getElementsByClassName()方法，用于通过类名来获得某些元素集合。
语法结构：element.getElementsByClassName('类名');
盒子1
盒子2
- 首页
- 产品
5.querySelector()和querySelectorAll()获取元素：querySelector()方法用于返回指定选择器的第一个元素对象。querySelectorAll()方法返回指定选择器的所有元素对象集合。
语法结构：document.querySelector(选择器)；
document.querySelectorAll(选择器);
盒子1
盒子2
- 首页
- 产品
注：选择器，String， 指定一个或多个匹配 CSS 选择器的元素。可以通过 id, class, 类型, 属性, 属性值等作为选择器来获取元素。
document对象的属性：
document对象的常用属性如下表：
| 方 法 | 作 用 |
| document.body | 返回文档的body元素 |
| document.title | 返回文档的title元素 |
| document.documentElement | 返回文档的html元素 |
| document.forms | 返回对文档中所有Form对象引用 |
| document.images | 返回对文档中所有Image对象引用 |
其他属性请参考：HTML DOM Document 对象 | 菜鸟教程
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！