更多"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";
試一試»
<元素對象