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?";
亲自试一试 »
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 = "BEGTUT";
document.getElementById("myAnchor").href = "https://www.begtut.com";
document.getElementById("myAnchor").target = "_blank";
亲自试一试 »
document.getElementById("myAnchor").href = "https://www.begtut.com";
document.getElementById("myAnchor").target = "_blank";
❮ Element 对象
