JavaScript DOM操作

        JavaScript是一种广泛应用于前端开发的脚本语言，它可以通过DOM（文档对象模型）操作来访问和修改HTML文档的内容、结构和样式。DOM操作是前端开发中非常重要的一部分，它使开发者能够动态地操纵网页元素，实现交互性和动态性。本文将深入介绍JavaScript的DOM操作，包括获取和修改HTML元素、添加和删除元素，以及事件处理。我们还将提供一些示例代码，帮助你更好地理解和运用这些概念。

一、获取HTML元素

在JavaScript中，可以使用多种方法获取HTML元素，常用的方法有：

1、通过ID获取元素：使用document.getElementById()方法，通过元素的ID属性获取对应的元素。

let element = document.getElementById("myElement");

2、通过标签名获取元素：使用document.getElementsByTagName()方法，通过元素的标签名获取一组元素。