← Back to rules

unicorn/prefer-dom-node-text-content 스타일

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

작동 방식

DOM 노드에서 .textContent를 사용하도록 강제하고, .innerText는 사용하지 않도록 합니다.

왜 문제가 되는가?

.innerText를 사용하는 데는 몇 가지 단점이 있습니다.

• .innerText는 결과를 반환하기 위해 레이아웃 정보가 필요하므로 성능 부담이 큽니다.
• .innerText는 단지 HTMLElement 객체에서만 정의되며, .textContent는 모든 Node 객체에서 정의됩니다.
• .innerText는 표준이 아니며, 예를 들어 파이어폭스에서는 존재하지 않습니다.

예시

이 규칙에 위반되는 틀린 코드 예시:

const text = foo.innerText;

이 규칙을 따르는 맞는 코드 예시:

const text = foo.textContent;

사용 방법

구성 파일 또는 명령줄 인터페이스를 통해 이 규칙을 활성화하려면 다음을 사용하세요:

Config (.oxlintrc.json)

{
  "rules": {
    "unicorn/prefer-dom-node-text-content": "error"
  }
}

CLI

oxlint --deny unicorn/prefer-dom-node-text-content

참조

• 규칙 소스