element.innerHTML用法指南

Element.innerHTML 属性设置或获取HTML语法表示的元素的后代。

如果一个 <div>, <span>, 或 <noembed> 节点有一个文本子节点，该节点包含字符 (&), (<),  或(>), innerHTML 将这些字符分别返回为&amp;, &lt; 和 &gt; 。使用Node.textContent  可获取一个这些文本节点内容的正确副本。

如果要向一个元素中插入一段 HTML，而不是替换它的内容，那么请使用 insertAdjacentHTML() 方法。

本文目录

语法示例

const content = element.innerHTML;
element.innerHTML = htmlString;

值：

DOMString 包含元素后代的HTML序列。设置元素的 innerHTML 将会删除所有该元素的后代并以上面给出的 htmlString 替代。

SyntaxError

当 HTML 没有被正确标记时，设置 innerHTML 将会抛出语法错误。

NoModificationAllowedError

当父元素是 Document 时，设置 innerHTML 将会提示不允许修改。