更多"Try it Yourself"下面的例子。
定义和用法
文字属性设置或返回的HTML内容(inner HTML)的元素的。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| innerHTML | 是 | 是 | 是 | 是 | 是 |
句法
返回innerHTML属性：
HTMLElementObject .innerHTML设置innerHTML属性：
HTMLElementObject .innerHTML= 属性值 值 描述 text 指定元素的HTML内容
技术细节
返回值： 一个字符串，表示元素的HTML内容
更多示例
例
得到的HTML内容<p>使用id = “MYP”元素：
var x = document.getElementById("myP").innerHTML; x的结果将是：
I am a paragraph. 试一试»
例
得到的HTML内容<ul>使用id = “myList中”元件：
var x = document.getElementById("myList").innerHTML; x的结果将是：
- Coffee
- Tea
试一试»
例
改变两个元素的HTML内容：
document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?"; 试一试»
例
删除的HTML内容<p> id为“演示”元素：
document.getElementById("demo").innerHTML = ""; //
Replaces the content of <p> with an empty string 试一试»
例
更改HTML内容，URL和链接的目标：
document.getElementById("myAnchor").innerHTML = "w3ii";
document.getElementById("myAnchor").href = "http://www.w3ii.com";
document.getElementById("myAnchor").target = "_blank";
试一试»
<元素对象