HTML DOM Element innerText သတင်း

ဒီပေါ်လုပ်ငန်း နှင့် အသုံးပြုခြင်း

innerText သတင်း ကို သတ်မှတ် သို့မဟုတ် အရာဝတ္တု အစိတ်အပိုင်း ကို တင်ပြခြင်း။

အမှန်းချက်:သတ်မှတ်ခြင်း innerText သတင်း ကို သတ်မှတ် ပြီး အရာဝတ္တု အစိတ်အပိုင်း အား ဖျက်သိမ်း ပြီး အသစ် အကြောင်းအရာ အပိုင်း တစ်ခု ဖြင့် မတ်တပ် လိမ့်မည်။

အခြေခံ လေ့လာမှု

textContent သတင်း

innerHTML 属性

实例

获取元素的内部文本：

let text = element.innerText;

亲自试一试

语法

返回元素或节点的文本内容：

element.innerText

或

node.innerText

设置元素或节点的文本内容：

element.innerText = text

或

node.innerText = text

属性值

值 描述
text 元素的文本内容。

返回值

类型 描述
字符串 元素和所有后代的文本内容，除了 <script> 和 <style> 元素。

innerHTML、innerText 与 textContent 的区别

innerText 属性返回：

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

innerHTML 属性返回：

元素的文本内容，包括所有空白和内部 HTML 标签。

textContent 属性返回：

元素和所有后代的文本内容，带有空白和 CSS 隐藏文本，但没有标签。

HTML 实例

<p id="myP">   This element has extra spacing     and contains <span>a span element</span>.</p>

JavaScript အကြောင်းကျသုံး

let text = document.getElementById("myP").innerText;
let text = document.getElementById("myP").innerHTML;
let text = document.getElementById("demo").textContent;

亲自试一试

在上面的例子中：

innerText 属性返回：

This element has extra spacing and contains a span element.

innerHTML 属性返回：

   This element has extra spacing    and contains <span>a span element</span>.

textContent 属性返回：

   This element has extra spacing    and contains a span element.

浏览器支持

所有浏览器都支持 element.innerText：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
ထောက်ပံ့ 10-11 ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့