HTML DOM innerHTML 属性
实例
使用 id="demo" 更改<p> 元素的 HTML 内容:
document.getElementById("demo").innerHTML = "Paragraph changed!";亲自试一试 »页面下方有更多实例。
定义和用法
innerHTML 属性设置或返回元素的 HTML 内容(内部HTML)。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| innerHTML | Yes | Yes | Yes | Yes | Yes |
语法
返回 innerHTML 属性:
HTMLElementObject.innerHTML
设置 innerHTML 属性:
HTMLElementObject.innerHTML = text
属性值
| 值 | 描述 |
|---|---|
| text | 指定元素的HTML内容 |
技术细节
| 返回值: | 一个字符串,表示元素的HTML内容 |
|---|
更多实例
实例
更改两个元素的HTML内容:
document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";亲自试一试 »实例
删除 id="demo" 的<p> 元素的HTML内容:
document.getElementById("demo").innerHTML = ""; // Replaces the content of<p> with an empty string亲自试一试 »实例
更改链接的HTML内容、URL和目标:
document.getElementById("myAnchor").innerHTML = "W3Schools";
document.getElementById("myAnchor").href = "";
document.getElementById("myAnchor").target = "_blank";亲自试一试 »