innerHTML 是 DOM 中用于获取或设置 HTML 元素内部 HTML 代码的属性。用法为：1. 获取元素的 innerHTML：element.innerHTML；2. 设置元素的 innerHTML：element.innerHTML = newHTML。
innerHTML 的用法
什么是 innerHTML
innerHTML 是 DOM（文档对象模型）中的一个属性，它用于获取或设置 HTML 元素内部的 HTML 代码。
用法
立即学习“前端免费学习笔记（深入）”；
获取元素的 innerHTML：
<code class="javascript">const innerHTML = element.innerHTML;</code>
设置元素的 innerHTML：
<code class="javascript">element.innerHTML = newHTML;</code>
其中：
- element 是要操作的 HTML 元素。
- newHTML 是要设置的新 HTML 代码。
示例
获取某个段落元素的 innerHTML：
<code class="javascript">const paragraph = document.querySelector("p");
const innerHTML = paragraph.innerHTML;</code>设置某个 div 元素的 innerHTML：
<code class="javascript">const div = document.getElementById("myDiv");
div.innerHTML = "<p>Hello World!</p>";</code>注意
- 使用 innerHTML 时，会先将现有 HTML 代码替换为新 HTML 代码，因此请谨慎使用。
- 设置 innerHTML 时，浏览器会重新解析 HTML，这会影响页面的性能。
- 对于包含动态内容或脚本的复杂元素，使用 innerHTML 可能存在安全隐患。
