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

js中获取dom的方法

JS中获取DOM的方法

在JavaScript中，DOM（文档对象模型）是一种用于表示和操作

HTML和XML文档的API。通过DOM，我们可以通过JavaScript

代码来访问和操作网页中的元素和内容。本文将介绍一些常用的方

法来获取DOM元素。

1. getElementById()

getElementById()方法通过元素的id属性来获取DOM元素。它

返回一个表示该元素的对象，可以通过该对象来操作元素的各种属

性和方法。例如，如果我们有一个id为"myElement"的div元素，

可以使用如下代码来获取它：

```javascript

var element = mentById("myElement");

```

2. getElementsByClassName()

getElementsByClassName()方法通过元素的class属性来获取

DOM元素。它返回一个包含所有具有指定类名的元素的集合。例

如，如果我们有一个class为"myClass"的元素，可以使用如下代码

来获取它们：

```javascript

var elements =

mentsByClassName("myClass");

```

3. getElementsByTagName()

getElementsByTagName()方法通过元素的标签名来获取DOM元

素。它返回一个包含所有具有指定标签名的元素的集合。例如，如

果我们有一些p元素，可以使用如下代码来获取它们：

```javascript

var elements = mentsByTagName("p");

```

4. querySelector()

querySelector()方法通过选择器来获取DOM元素。它返回一个匹

配选择器的第一个元素。选择器可以是标签名、类名、id等。例如，

如果我们有一个class为"myClass"的元素，可以使用如下代码来获

取它：

```javascript

var element = elector(".myClass");

```