DOM 操作是指对文档对象模型(Document Object Model)的操作,它允许你动态地添加、修改或删除 HTML 元素。以下是一些常见的 DOM 操作:

常用 DOM 操作方法

  • 获取元素getElementById, getElementsByClassName, getElementsByTagName
  • 添加元素createElement, appendChild
  • 修改元素内容textContent, innerHTML
  • 修改元素属性setAttribute

示例

假设我们要在页面上添加一个按钮,当点击时显示一个警告框:

<button id="myButton">点击我</button>
<script>
  document.getElementById("myButton").onclick = function() {
    alert("按钮被点击了!");
  }
</script>

扩展阅读

想了解更多关于 DOM 操作的信息?请访问本站DOM 操作教程

图片展示

金毛犬

金毛犬是一种友好、聪明的犬种,常被用作导盲犬和家庭宠物。

Golden_Retriever

了解更多关于金毛犬的信息