Breaking News: Grepper is joining You.com. Read the official announcement!

innerText vs textContent

Anxious Alpaca answered on August 18, 2021 Popularity 10/10 Helpfulness 6/10

answer innerText vs textContent

related textcontent vs innertext in JS

innerText vs textContent

Comment

// textContent gets the content of all elements, including <script> and <style> elements.
// textContent returns every element in the node.
// innerText only shows “human-readable” elements.
// innerText looks at styling and won't return the text of “hidden” elements.

<style>
.special { display: none; }
</style>
<h1>Heading <span class="special">Special</span> </h1>

const h1 = document.querySelector('h1');
console.debug(h1.textContent); // " Heading Special "
console.debug(h1.innerText); // "Heading"

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: dev.to

Tags: innertext javascript

Link to this answer
Share Copy Link

Contributed on Aug 18 2021

Anxious Alpaca

0 Answers Avg Quality 2/10

Closely Related Answers

textcontent vs innertext in JS

Comment

You can forgot all the points that may confuse you but remember 3 things:

When you are trying to alter the text, textContent is usually the property you are looking for.
When you are trying to grab text from some element, innerText approximates the text the user would get if they highlighted the contents of the element with the cursor and then copied to the clipboard. And textContent gives you everything, visible or hidden, including <script> and <style> elements.

In element nodes, innerText evaluates <br> elements, while textContent evaluates control characters:

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: innertext inne

Link to this answer
Share Copy Link

Contributed on Oct 06 2022

Mustafa_Suleiman

0 Answers Avg Quality 2/10

innerText vs textContent

Contents

More Related Answers

innerText vs textContent

Closely Related Answers

textcontent vs innertext in JS

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.