innerHTML

创建于 2024-12-03 / 19
字体: [默认] [大] [更大]

❮ Element 对象

实例

使用 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内容

Advertisement

-->

技术细节

返回值: 一个字符串,表示元素的HTML内容

更多实例

实例

获取 id="myP" 的 <p> 元素的HTML内容:

var x = document.getElementById("myP").innerHTML; 亲自试一试 »

实例

获取 id="myList" 的 <ul> 元素的HTML内容:

var x = document.getElementById("myList").innerHTML; 亲自试一试 »

实例

更改两个元素的HTML内容:

document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?"; 亲自试一试 »

实例

用 id="demo" 警告 <p> 元素的HTML内容:

alert(document.getElementById("demo").innerHTML); 亲自试一试 »

实例

删除 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 对象
0 人点赞过