JavaScript 中的 HTML 方法

在网页开发领域，JavaScript 作为一门强大的脚本语言，与 HTML 紧密结合，为网页赋予了丰富的交互性和动态效果。其中，JavaScript 中的 HTML 方法是实现这一切的关键所在。

获取 HTML 元素是基础且重要的操作。通过 document.getElementById 方法，我们能精准定位到页面中带有特定 id 的元素。比如，页面中有一个 id 为“myButton”的按钮，使用 document.getElementById('myButton') 就能轻松获取到这个按钮元素，进而对其进行各种操作，如添加点击事件监听器。

除了按 id 获取，还可以使用 document.getElementsByTagName 方法，它会返回一个包含所有指定标签名元素的集合。以获取所有的

标签元素为例，document.getElementsByTagName('p') 会将页面中所有的段落元素收集起来，方便我们统一对段落进行样式修改或内容更新。类似地，document.getElementsByClassName 方法则用于获取具有相同类名的元素集合，这在批量处理具有相同样式或功能的元素时非常实用。

操作 HTML 元素的内容也是常见需求。innerHTML 属性允许我们获取或修改元素的 HTML 内容。若有一个