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