domcontentloaded 事件在 html 文档的 dom 结构加载完成时触发，允许脚本在 dom 树构建完成后立即执行。它可用于动态添加或删除元素、操纵样式、附加事件监听器和初始化组件。

DOMContentLoaded 事件

DOMContentLoaded 事件是在 HTML 文档的 DOM 结构加载完成时触发的。

详细解释：

DOMContentLoaded 事件是在 HTML 文档的 DOM 树构建完成、但图像、样式表和脚本尚未加载完成时触发的。它允许脚本与文档的结构交互，而无需等待整个页面加载完成。

该事件通常用于在 DOM 结构可用后立即执行脚本。例如，它可以用来：

• 动态添加或删除 HTML 元素
• 操纵 DOM 元素的样式
• 附加事件监听器
• 初始化控件和组件

使用方式：

可以通过以下方式使用 DOMContentLoaded 事件：

document.addEventListener("DOMContentLoaded", function() {
  // 在这里执行脚本
});

或者，使用较新的语法：

document.addEventListener("DOMContentLoaded", () => {
  // 在这里执行脚本
});