
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属性




