81、查找元素：简单使用

查找元素：简单使用

1. 引言

在Web开发中，与页面元素交互是前端开发的核心任务之一。通过JavaScript，我们可以轻松地查找、操作和修改HTML页面中的元素。本文将详细介绍如何使用 document.getElementById 方法来查找页面中的元素，并进行简单的操作。

2. 使用 document.getElementById 查找元素

在DOM中检测页面元素最常用的方法是使用 document.getElementById(id) 方法。这个方法允许我们通过元素的ID来查找并获取对应的DOM元素。接下来，我们将通过具体的例子来展示如何使用这个方法。

2.1 示例代码

假设在一个页面上，我们有以下HTML代码：

<div id="myDiv">content</div>

在JavaScript中找到这个元素的一个简单方法是：

var myDiv = document.getElementById("myDiv"); // 通过ID查找DIV元素，这里的ID是'myDiv'

2.2 操作步骤

1. 创建HTML元素 ：首先，在HTML文件中创建一个具有唯一ID的元素。