DEV Community

Cover image for Difference between innerText and textContent.
Faisal Ahmed
Faisal Ahmed

Posted on

Difference between innerText and textContent.

innerText returns the visible text contained in a node only, where textContent returns the full text.


<span>Hello <span style="display: none;">World</span></span>
Enter fullscreen mode Exit fullscreen mode

  • innerText will return 'Hello'

  • textContent will return 'Hello World'

Top comments (0)

Read next

pkutaj profile image

On Vim's Modal Nature and the Importance of Tools: The Example of Numbered Registers

Pavol Z. Kutaj -

abhay_yt_52a8e72b213be229 profile image

Understanding JavaScript Modules: Exporting and Importing Code Made Easy

Abhay Yt -

abhay_yt_52a8e72b213be229 profile image

Mastering ES6 Features: let, const, and Classes in JavaScript

Abhay Yt -

sanjampreetsingh profile image

Hashing to the Rescue: A React Performance Story

Sanjampreet Singh -