HTML DOM Element textContent အရေးအချင်း

အဆိုပါ အရေးအချင်း အား အသုံးပြုခြင်း နှင့် အကျိုးသတ္တိ

textContent အရေးအချင်း သည် အဖွဲ့အစု အား ပြန်လည်ပေးပြီး အဖွဲ့အစု၏ အပိုင်းအခွဲများ အား ခုံးထွတ်သော စကားလုံးအသုံးများ ပြန်လည်ပေးပြီ:

အရေးအချင်း သည် ပြန်လည်ပေးပြီး: textContent အရေးအချင်း သည် ခုံးထွတ်သော အဖွဲ့အစုအား ဖျက်သိမ်းပြီး အချက်အလက် ပေါ်တွင် အသုံးပြုသော စကားလုံးအသုံးများ ကို ပြန်လည်ပေးပြီ:

အကြိမ်ဖြူး:အချိန်ကတည်းက အဆိုပါ အရေးအချင်း သည် nodeValue အရေးအချင်း အား ပြောင်းလဲစေတတ်သည်။ သို့သော်လည်း အရေးအချင်း သည် အဖွဲ့အစုအား ပြန်လည်ပေးပြီး ခုံးထွတ်သော စကားလုံးအသုံးများ အား ပြန်လည်ပေးပြီ:

ပြင်ဆင်းပြီး:

innerText အရေးအချင်း

innerHTML အရေးအချင်း

အကျိုးသတ္တိ

ဘာသာစကား 1

အဖွဲ့အစုအား စကားလုံးအသုံးများ ပြန်လည်ပေးပြီ:

let text = element.textContent;

亲自试一试

ဘာသာစကား 2

ဖော်ပြ id="demo" အဖွဲ့အစု <p> အား စကားလုံးအသုံးများကို ပြောင်းလဲပြီ:

element.textContent = "I have changed!";

亲自试一试

ဘာသာစကား 3

ဖော်ပြ id="myList" အဖွဲ့အစု <ul> အား ခုံးထွတ်သော စကားလုံးအသုံးများကို:

let text = document.getElementById("myList").textContent;

亲自试一试

语法

返回节点的文本内容：

element.textContent

或

node.textContent

设置节点的文本内容：

element.textContent = text
node.textContent = text

属性值

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

返回值

类型 描述
字符串

元素及其所有后代的文本内容。

如果元素是 document、document type 或 notation，则返回 null。

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.textContent သို့မဟုတ် ဒီသတိကြီး DOM Level 3 (2004) အခြေခံအရာကို ပါဝင်သည်

အားလုံး ဘရောက်သတ္တိကြီး သို့မဟုတ် ကို အပြောပြချက်ပြုခြင်း လုပ်ကိုင်သည်

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