HTML DOM Element innerHTML 属性

定义和用法

innerHTML 属性设置或返回元素的 HTML 内容（内部 HTML）。

另请参阅：

innerText 属性

textContent 属性

实例

例子 1

获取 id="myP" 元素的 HTML 内容：

let html = document.getElementById("myP").innerHTML;

ကိုယ်တိုင် စစ်ဆေးကြပါ

例子 2

更改 id="demo" 元素的 HTML 内容：

document.getElementById("demo").innerHTML = "I have changed!";

ကိုယ်တိုင် စစ်ဆေးကြပါ

例子 3

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

let html = document.getElementById("myList").innerHTML;

ကိုယ်တိုင် စစ်ဆေးကြပါ

例子 4

删除 id="demo" 的 <p> 元素的 HTML 内容：

element.innerHTML = "";

ကိုယ်တိုင် စစ်ဆေးကြပါ

例子 5

更改两个元素的 HTML 内容：

let text = "Hello Dolly.";
document.getElementById("myP").innerHTML = text;
document.getElementById("myDIV").innerHTML = text;

ကိုယ်တိုင် စစ်ဆေးကြပါ

例子 6

重复元素的 HTML 内容：

element.innerHTML += element.innerHTML;

ကိုယ်တိုင် စစ်ဆေးကြပါ

例子 7

更改链接的 HTML 内容和 URL：

element.innerHTML = "W3School";
element.href = "";

ကိုယ်တိုင် စစ်ဆေးကြပါ

语法

返回 innerHTML 属性：

element.innerHTML

设置 innerHTML 属性：

element.innerHTML = text

属性值

值 描述
字符串。 HTML 内容。

返回值

类型 描述
字符串 元素的 HTML 内容。

innerHTML、innerText 与 textContent 的区别

innerText သတင်းစကား ပါဝင်သည်：

只返回元素及其所有子元素的文本内容，没有 CSS 隐藏文本间距和标签，除了