HTML DOM Element innerText 属性

定义和用法

innerText 属性设置或返回元素的文本内容。

注释：设置 innerText 属性时，所有子节点都将被删除并仅由一个新文本节点替换。

另请参阅：

textContent 属性

innerHTML ਗੁਣ

ਉਦਾਹਰਣ

ਅੰਗਮਾਨ ਦਾ ਅੰਦਰੂਨੀ ਟੈਕਸਟ ਪ੍ਰਾਪਤ ਕਰੋ:

let text = element.innerText;

ਆਪਣੇ ਆਪ ਸਿਖਾਓ

ਗਣਤਰ

ਅੰਗਮਾਨ ਜਾਂ ਨੋਡ ਦੇ ਟੈਕਸਟ ਸਮੱਗਰੀ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ:

element.innerText

ਜਾਂ

ਨੋਡ.innerText

ਅੰਗਮਾਨ ਜਾਂ ਨੋਡ ਦੇ ਟੈਕਸਟ ਸਮੱਗਰੀ ਨੂੰ ਸੈਟ ਕਰੋ:

element.innerText = text

ਜਾਂ

ਨੋਡ.innerText = text

ਗੁਣ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
text ਅੰਗਮਾਨ ਦਾ ਟੈਕਸਟ ਸਮੱਗਰੀ

ਵਾਪਸ ਦਿੰਦਾ ਹੈ

ਪ੍ਰਕਾਰ ਵਰਣਨ
ਸਟਰਿੰਗ ਅੰਗਮਾਨ ਅਤੇ ਸਾਰੇ ਉਪਅੰਗਮਾਨਾਂ ਦਾ ਟੈਕਸਟ ਸਮੱਗਰੀ, ਸਿਵਾਏ <script> ਅਤੇ <style> ਅੰਗਮਾਨਾਂ ਦੇ ਇਲਾਵਾ。

innerHTML, innerText ਅਤੇ textContent ਦਾ ਅਲਗ ਹੋਣਾ

innerText ਗੁਣ ਵਾਪਸ ਦਿੰਦਾ ਹੈ:

ਕੇਵਲ ਅੰਗਮਾਨ ਅਤੇ ਉਸ ਦੇ ਸਾਰੇ ਉਪਅੰਗਮਾਨਾਂ ਦਾ ਟੈਕਸਟ ਸਮੱਗਰੀ ਵਾਪਸ ਦਿੰਦਾ ਹੈ, ਛੁੱਪੇ ਹੋਏ ਟੈਕਸਟ ਅਤੇ ਸਪੇਸਿੰਗ ਨਹੀਂ ਹਨ, ਸਿਵਾਏ <script> ਅਤੇ <style> ਅੰਗਮਾਨਾਂ ਦੇ ਇਲਾਵਾ。

innerHTML ਗੁਣ ਵਾਪਸ ਦਿੰਦਾ ਹੈ:

ਅੰਗਮਾਨ ਦਾ ਟੈਕਸਟ ਸਮੱਗਰੀ, ਸਾਰੇ ਖਾਲੀ ਅਤੇ ਅੰਦਰੂਨੀ HTML ਟੈਗਸ ਸਮੇਤ。

textContent ਗੁਣ ਵਾਪਸ ਦਿੰਦਾ ਹੈ:

ਅੰਗਮਾਨ ਅਤੇ ਸਾਰੇ ਉਪਅੰਗਮਾਨਾਂ ਦਾ ਟੈਕਸਟ ਸਮੱਗਰੀ, ਖਾਲੀ ਅਤੇ CSS ਛੁੱਪੇ ਹੋਏ ਟੈਕਸਟ, ਲੇਕਿਨ ਟੈਗ ਨਹੀਂ ਹਨ。

HTML ਉਦਾਹਰਣ

<p id="myP">   ਇਹ ਅੰਗਮਾਨ ਵਧੇ ਹੋਇਆ ਹੈ ਅਤੇ <span>ਇੱਕ span ਅੰਗਮਾਨ</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.innerText：

Chrome IE Edge Firefox سافری اورپا
Chrome IE Edge Firefox سافری اورپا
مینٹننس 10-11 مینٹننس مینٹننس مینٹننس مینٹننس