DOM 操作教程

在这个教程中，我们将学习如何使用 JavaScript 进行 DOM 操作。DOM（文档对象模型）是 HTML 页面的核心，它允许我们动态地修改页面内容。

基础概念

• 元素选择：使用 document.getElementById() 或 document.querySelector() 来选择页面上的元素。
• 属性修改：使用 .属性名 或 element.setAttribute() 来修改元素的属性。
• 内容修改：使用 .innerHTML 或 .textContent 来修改元素的内容。

实例

假设我们有一个按钮，我们想要在点击按钮时改变其文本内容。

<button id="myButton">点击我</button>

document.getElementById("myButton").onclick = function() {
  this.innerHTML = "已点击！";
};

图片示例

JavaScript DOM 操作

扩展阅读

想要了解更多关于 DOM 操作的知识，可以阅读《JavaScript DOM 编程艺术》。

# DOM 操作教程

在这个教程中，我们将学习如何使用 JavaScript 进行 DOM 操作。DOM（文档对象模型）是 HTML 页面的核心，它允许我们动态地修改页面内容。

## 基础概念

- **元素选择**：使用 `document.getElementById()` 或 `document.querySelector()` 来选择页面上的元素。
- **属性修改**：使用 `.属性名` 或 `element.setAttribute()` 来修改元素的属性。
- **内容修改**：使用 `.innerHTML` 或 `.textContent` 来修改元素的内容。

## 实例

假设我们有一个按钮，我们想要在点击按钮时改变其文本内容。

```html
<button id="myButton">点击我</button>

document.getElementById("myButton").onclick = function() {
  this.innerHTML = "已点击！";
};

图片示例

JavaScript DOM 操作

扩展阅读

想要了解更多关于 DOM 操作的知识，可以阅读《JavaScript DOM 编程艺术》。