innerHTML 是 JavaScript 中操作 HTML 元素内容的属性，包括获取和设置。获取元素内容：element.innerHTML设置元素内容：element.innerHTML = newContent
innerHTML 在 JavaScript 中的作用
innerHTML 是 JavaScript 中用于获取或设置 HTML 元素的内容的属性。它提供了一种方便的方法来操作元素内的 HTML 代码。
获取元素内容
要获取元素的内容，可以使用以下语法：
立即学习“前端免费学习笔记（深入）”；
let content = element.innerHTML;
例如：
const p = document.querySelector("p");
let content = p.innerHTML;
console.log(content); // 输出段落的内容设置元素内容
要设置元素的内容，可以使用以下语法：
element.innerHTML = newContent;
例如：
const div = document.getElementById("myDiv");
div.innerHTML = "新内容";用法
innerHTML 常用于以下场景：
- 动态更新内容：它可以方便地更新页面上的内容，而无需手动操作 DOM。
- 插入 HTML：可以直接插入 HTML 代码，无需使用复杂的 DOM 操作。
- 创建动态元素：可以动态创建 HTML 元素，并将其添加到文档中。
注意事项
使用 innerHTML 时需要注意以下事项：
- 它会覆盖元素内的所有现有内容。
- 它可能会导致 XSS（跨站脚本）攻击，因此在处理来自不可信来源的内容时应谨慎使用。
- 它比 DOM API 慢，因此对于需要高性能的应用程序，应考虑使用 DOM API。
