2024年3月30日发(作者：)

JS获取DOM元素的八种方法

1. getElementById

这是最基本、最常用的方法之一，可以通过元素的id属性获取对应

的DOM元素。

```javascript

let element = mentById("elementId");

```

2. getElementsByClassName

可以通过元素的class属性获取对应的DOM元素，返回的是一个类数

组对象。

```javascript

let elements = mentsByClassName("className");

```

3. getElementsByTagName

```javascript

let elements = mentsByTagName("tagName");

```

4. getElementsByName

可以通过元素的name属性获取对应的DOM元素，同样返回一个类数

组对象。

```javascript

let elements = mentsByName("elementName");

```

5. querySelector

可以使用CSS选择器来获取DOM元素，返回符合选择器的第一个元素。

```javascript

let element = elector("selector");

```

6. querySelectorAll

同样可以使用CSS选择器来获取DOM元素，返回所有符合选择器的元

素。

```javascript

let elements = electorAll("selector");

```

7. parentNode属性

可以通过父节点的属性来获取子节点的DOM元素。

```javascript

let parentElement = mentById("parentId");

let element = odes[0];

```

8. children属性

可以通过父节点的children属性来获取子节点的DOM元素，返回一

个类数组对象。

```javascript

let parentElement = mentById("parentId");

let elements = en;

```

总结：