unicorn/prefer-dom-node-text-content Style

🛠️ An auto-fix is available for this rule for some violations.

What it does

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

Why is this bad?

There are some disadvantages of using .innerText.

• .innerText is much more performance-heavy as it requires layout information to return the result.
• .innerText is defined only for HTMLElement objects, while .textContent is defined for all Node objects.
• .innerText is not standard, for example, it is not present in Firefox.

Example

Examples of incorrect code for this rule:

const text = foo.innerText;

Examples of correct code for this rule:

const text = foo.textContent;

References

• Rule Source