getElementById

Coddy JavaScript DOM 方法课程的第 3 课，共 13 课。

函数 getElementById() 会获取第一个具有匹配 id 属性的元素，例如：

const element = document.getElementById("elementId");

上面的代码会获取 id 为 elementId 的元素，并将它保存到名为 element 的变量中。

注意 document 前缀，它表示 HTML 文件的 DOM。

获取元素后，你可以使用 JavaScript 操作它！

我们要学习的第一个属性是 textContent，它保存元素的文本内容。你可以像这样修改文本：

const element = document.getElementById("elementId");
element.textContent = "some text";

运行这段代码后，#elementId 的文本将变为 some text

挑战

简单

给你一段包含带有 ID 的标题的 HTML 代码。

仅使用 JavaScript，将此元素的文本改为 “Hello!”：

亲手试试

<!DOCTYPE html>
<html>
    <body>
        <h1 id="heading">Welcome!</h1>
        <script src="script.js"></script>
    </body>
</html>

JavaScript DOM 方法中的所有课

1简介

2DOM 方法 I

3DOM 方法 II