innerHTML属性

innerHTML 是一个用于读取或设置 HTML 元素内容的属性。它是 JavaScript 中常用的操作 DOM（文档对象模型）的属性之一。通过 innerHTML 属性，您可以获取或修改指定元素的 HTML 内容。

• 读取内容：通过访问元素的 innerHTML 属性，您可以获取该元素的 HTML 内容作为字符串。例如，var content = element.innerHTML; 将返回一个包含所选元素内部 HTML 的字符串。
• 设置内容：同样地，您也可以使用 innerHTML 属性来设置元素的 HTML 内容。通过将需要显示的 HTML 代码赋值给 innerHTML 属性，您可以动态地更改元素的内容。例如，element.innerHTML = "<p>Hello, world!</p>"; 将在元素中插入一个段落元素，并显示 "Hello, world!"。

值得注意的是，使用 innerHTML 属性时应当小心防范潜在的安全风险，因为直接操作 HTML 内容可能导致跨站脚本攻击（XSS）。确保仅使用受信任的内容来设置 innerHTML，或者使用其他安全性更高的方法来操作 DOM。