HTML DOM Element textContent প্রতিভা

পরিভাষা ও ব্যবহার

textContent প্রতিভা সংযোজন করেন বা প্রত্যাহার করেন, তবে এটি নির্দিষ্ট নোডভিলের টেক্সট কনটেন্ট এবং তার সকল সাব-নোডভিলকে ফিরিয়ে দেয়。

আপনি যদি textContent প্রতিভা, যা সকল সাব-নোডভিলকে মুছে ফেলে এবং একটি অলপা টেক্সট নোডভিল দিয়ে প্রতিস্থাপন করে。

সুঝান:কখনও এই প্রতিভা নোডভিল প্রতিভার পরিবর্তে ব্যবহার করা যেতে পারে, কিন্তু মনে রাখুন যে, এই প্রতিভা সকল সাব-নোডভিলের টেক্সটও ফিরিয়ে দেয়。

অন্যান্য পরিদর্শন:

innerText প্রতিভা

innerHTML প্রতিভা

প্রকল্প

উদাহরণ 1

ইলেকট্রনিক প্রতিভার টেক্সট কনটেন্ট ফিরিয়ে দিন:

let text = element.textContent;

Try it yourself

উদাহরণ 2

id="demo" এর <p> ইলেকট্রনিক প্রতিভার টেক্সট কনটেন্ট পরিবর্তন করুন:

element.textContent = "I have changed!";

Try it yourself

উদাহরণ 3

ক্ষেত্র প্রতিষ্ঠান id="myList" এর <ul> ইলেকট্রনিক প্রতিভার সমস্ত টেক্সট কনটেন্ট পাওয়া যায়:

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

Try it yourself

Syntax

Return the text content of the node:

element.textContent

or

node.textContent

Set the text content of the node:

element.textContent = text
node.textContent = text

Attribute value

Value Description
text Text content of the element or node.

Return value

Type Description
String

Text content of the element and all its descendants.

Returns null if the element is document, document type or notation.

Difference between innerHTML, innerText and textContent

innerText 属性 returns:

Returns only the text content of the element and all its child elements, without CSS hidden text spacing and tags, except for <script> and <style> elements.

innerHTML 属性 returns:

Text content of the element, including all whitespace and internal HTML tags.

textContent 属性 returns:

Text content of the element and all its descendants, including whitespace and CSS hidden text, but without tags.

HTML example

<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;

Try it yourself

In the above example:

innerText 属性 returns:

This element has extra spacing and contains a span element.

innerHTML 属性 returns:

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

textContent 属性 returns:

   This element has extra spacing    and contains a span element.

ব্রাউজার সমর্থন

element.textContent এটি DOM Level 3 (2004) বৈশিষ্ট্য

সমস্ত ব্রাউজার এটির সম্পূর্ণ সমর্থন করেছে:

Chrome IE এজ ফায়ারফক্স স্যাফারি ওপেরা
Chrome IE এজ ফায়ারফক্স স্যাফারি ওপেরা
সমর্থন 9-11 সমর্থন সমর্থন সমর্থন সমর্থন