DOM（文档对象模型）是 JavaScript 中用于操作 HTML 和 XML 文档的核心接口。本教程将带您了解如何使用 JavaScript 进行 DOM 操作。

常用 DOM 操作

以下是一些常用的 DOM 操作：

  • 获取元素：使用 document.getElementById()、document.getElementsByClassName() 或 document.getElementsByTagName() 等方法获取页面元素。
  • 修改元素内容：使用 .innerHTML、.innerText 或 .textContent 属性修改元素内容。
  • 修改元素属性：使用 .attributeName 属性修改元素属性。
  • 添加元素：使用 .appendChild()、.insertBefore() 或 .insertAdjacentElement() 方法添加新元素。
  • 删除元素：使用 .removeChild() 方法删除元素。

示例代码

以下是一个简单的示例，展示如何使用 JavaScript 修改页面元素的文本内容：

// 获取元素
var element = document.getElementById("myElement");

// 修改元素内容
element.innerHTML = "<strong>新的内容</strong>";

图像示例

下面是一个 DOM 操作的示例图片：

DOM 操作示例

扩展阅读

如果您想了解更多关于 DOM 操作的知识，可以阅读以下教程：