HTML DOM Element innerText विशेषता
- पिछला पृष्ठ innerHTML
- अगला पृष्ठ insertAdjacentElement()
- एक स्तर ऊपर HTML DOM Elements ऑब्जेक्ट
वर्णन और उपयोग
innerText
विशेषता सेट करती है या एलिमेंट के टेक्स्ट सामग्री वापस करती है。
टिप्पणी:सेट करना innerText
विशेषता के रूप में, सभी सब-नोड निकाल दिए जाएंगे और एक नए टेक्स्ट नोड से प्रतिस्थापित किया जाएगा。
अन्य संदर्भ:
उदाहरण
एलीमेंट के अंतर्गत लिखित सामग्री प्राप्त करें:
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 गुणवत्ता वापस करता है:
यह एलीमेंट अतिरिक्त स्पेसिंग और एक स्पैन एलीमेंट शामिल करता है.
innerHTML गुणवत्ता वापस करता है:
यह एलीमेंट अतिरिक्त स्पेसिंग और <span>एक स्पैन एलीमेंट</span> शामिल करता है.
textContent गुणवत्ता वापस करता है:
यह एलीमेंट अतिरिक्त स्पेसिंग और एक <span>स्पैन एलीमेंट</span> शामिल करता है.
ब्राउज़र समर्थन
सभी ब्राउज़र समर्थन करते हैं element.innerText
:
Chrome | IE | Edge | Firefox | सफारी | ओपेरा |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | सफारी | ओपेरा |
समर्थन | 10-11 | समर्थन | समर्थन | समर्थन | समर्थन |
- पिछला पृष्ठ innerHTML
- अगला पृष्ठ insertAdjacentElement()
- एक स्तर ऊपर HTML DOM Elements ऑब्जेक्ट