prefer-dom-node-text-content

📝 Prefer .textContent over .innerText.

💼 This rule is enabled in the following configs: ✅ recommended, ☑️ unopinionated.

💡 This rule is manually fixable by editor suggestions.

Enforces the use of .textContent over .innerText for DOM nodes.

There are some advantages of using .textContent, like performance and more predictable behavior when updating it.

Note that there are differences between them.

Examples

// ❌
const text = foo.innerText;

// ✅
const text = foo.textContent;

// ❌
const {innerText} = foo;

// ✅
const {textContent} = foo;

// ❌
foo.innerText = '🦄';

// ✅
foo.textContent = '🦄';