HTML DOM innerHTML 属性

HTML DOM Element 对象

innerHTML的属性设置或返回元素的HTML内容。

注意:如果<div>,<span>或<noembed>元素的子文本节点包含字符(&),(<)或(>),innerHTML会将这些字符作为HTML实体“&amp; “,”&lt;“ 和“&gt;” 分别。使用textContent属性获取这些文本节点内容的原始副本。

语法:

返回innerHTML属性:

element.innerHTML

设置innerHTML属性:

element.innerHTML = text
document.getElementById("para").innerHTML = "Hello world";
测试看看‹/›

浏览器兼容性

所有浏览器完全支持innerHTML属性:

属性
innerHTML

属性值

描述
text指定元素的HTML内容

技术细节

返回值:一个字符串,表示元素的HTML内容
DOM版本:DOM级别1

更多实例

使用id="para"获取<p>元素的HTML内容:

var x = document.getElementById("para").innerHTML;
测试看看‹/›

您可以通过清除文档的body属性的内容来清空文档的全部内容:

document.body.innerHTML = "";
测试看看‹/›

相关参考

HTML DOM参考:HTML DOM textContent属性

HTML DOM Element 对象