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 操作教程。
图片展示
金毛犬
金毛犬是一种友好、聪明的犬种,常被用作导盲犬和家庭宠物。