예제

• DOM 조작하기 (yalco.kr)

textContent

• 요소의 텍스트 확인 및 수정

const $carrot = document
.querySelector('section > ul > li');

$carrot;

$carrot.textContent;

$carrot.textContent = '제주당근';

classList

• 리스트 형태의 클래스 확인 및 수정
  • 배열과 유사한 기능

const $onion = document
.querySelector('section ul')
.lastElementChild;

$onion;

$onion.classList;

$onion.classList.remove('hidden');

$onion.classList.add('organic');