DOM 基本操作 - 获取元素

---

theme: smartblue

一、简介

1.1 概念

文档对象模型(Document Object Model),是 W3C 组织推荐的处理可拓展标记语言的标准编程接口。

1.2 DOM 树

二、 获取元素

获取页面中的元素主要可以使用以几种方式： - 根据 ID 获取 - 根据 标签名 获取 - 通过 HTML5 新增的方法获取 - 特殊元素获取

相关文档查询网站：MDN Web Docs (mozilla.org)

2.1 根据 ID 获取

使用 getElementById() 方法可以获取到带有ID的元素对象

```

这里有一些文本

<script>// 文档从上到下加载，所以script写在标签下面const elem = document.getElementById('para')console.log(elem)console.dir(elem)
</script>

```

2.2 根据标签名获取

使用 getElementsByTagName() 方法可以获取带有指定标签名的对象的集合

```