innerHTML 是 DOM 中用于获取或设置 HTML 元素内部 HTML 代码的属性。用法为:1. 获取元素的 innerHTML:element.innerHTML;2. 设置元素的 innerHTML:element.innerHTML = newHTML。

innerHTML 的用法
什么是 innerHTML
innerHTML 是 DOM(文档对象模型)中的一个属性,它用于获取或设置 HTML 元素内部的 HTML 代码。
用法
立即学习“前端免费学习笔记(深入)”;
获取元素的 innerHTML:
const innerHTML = element.innerHTML;
设置元素的 innerHTML:
一款多用途的企业软件前端HTML模板。IT软件服务公司网站响应式单页模板。基于CSS、JS、HTML模块化原则创建的。如果您的站点不需要所有元素,那么可以轻松地删除不必要的组件。模板的代码干净,友好,注释良好。这使得编辑和自定义模板变得很容易。
element.innerHTML = newHTML;
其中:
- element 是要操作的 HTML 元素。
- newHTML 是要设置的新 HTML 代码。
示例
获取某个段落元素的 innerHTML:
const paragraph = document.querySelector("p");
const innerHTML = paragraph.innerHTML;设置某个 div 元素的 innerHTML:
const div = document.getElementById("myDiv");
div.innerHTML = "Hello World!
";注意
- 使用 innerHTML 时,会先将现有 HTML 代码替换为新 HTML 代码,因此请谨慎使用。
- 设置 innerHTML 时,浏览器会重新解析 HTML,这会影响页面的性能。
- 对于包含动态内容或脚本的复杂元素,使用 innerHTML 可能存在安全隐患。










