HTML DOM Element textContent లక్షణం

నిర్వచనం మరియు ఉపయోగం

textContent లక్షణం అనేది నిర్దేశించబడిన పదార్ధం యొక్క పదం నుండి పొందబడుతుంది మరియు అది యొక్క అన్ని పరిణామాలు.

మీరు అనుసరించినప్పుడు textContent లక్షణం, అన్ని ఉపపదార్ధాలను తొలగించి ఒక అక్కడి పదార్ధాన్ని ప్రత్యామ్నాయంగా చేస్తుంది.

సూచన:కొన్నిసార్లు, ఈ లక్షణం నోడ్వాల్యూ లక్షణం స్థానంలో ఉపయోగించబడవచ్చు, కానీ ఈ లక్షణం అన్ని ఉపపదార్ధాలను తిరిగి చెప్పుతుంది.

మరింత సూచనలు:

innerText లక్షణం

innerHTML లక్షణం

ప్రతిమానికి

ఉదాహరణ 1

పదార్ధం యొక్క పదం పొందండి:

let text = element.textContent;

亲自试一试

ఉదాహరణ 2

సంకేతం="demo" యొక్క <p> పదార్ధం యొక్క పదం లోకి మార్చండి:

element.textContent = "I have changed!";

亲自试一试

ఉదాహరణ 3

సంకేతం="myList" యొక్క అన్ని పదార్ధాలను పొందండి మరియు అది యొక్క పదం లోకి పరివర్తించండి:

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 支持 支持 支持 支持