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;

अपने आप प्रयोग करें

व्याकरण

नोड के लिएकर टेक्स्ट सामग्री वापस दें:

एलिमेंट.textContent

या

नोड.textContent

नोड के लिएकर टेक्स्ट सामग्री सेट करें:

एलिमेंट.textContent = text
नोड.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 गुणवत्ता वापस देती है:

इस एलिमेंट में अतिरिक्त स्पेसिंग है और एक span एलिमेंट शामिल है。

innerHTML गुणवत्ता वापस देती है:

   इस एलिमेंट में अतिरिक्त स्पेसिंग है और <span>एक span एलिमेंट</span> शामिल है。

textContent गुणवत्ता वापस देती है:

   इस एलिमेंट में अतिरिक्त स्पेसिंग है और एक span एलिमेंट शामिल है。

ब्राउज़र समर्थन

element.textContent यह DOM Level 3 (2004) विशेषता है।

सभी ब्राउज़र इसे पूरी तरह से समर्थित करते हैं:

Chrome IE एज फायरफॉक्स सफारी ऑपेरा
Chrome IE एज फायरफॉक्स सफारी ऑपेरा
सापोर्ट 9-11 सापोर्ट सापोर्ट सापोर्ट सापोर्ट