const boxEls = document.querySelectorAll('.box'); console.log(boxEls);
// 첫 번째 매개변수(boxEl): 반복 중인 요소 // 두 번째 매개변수(index): 반복 중인 번호 boxEls.forEach(function (boxEl, index) {}); // 출력! boxEls.forEach(function (boxEl, index) { boxEl.classList.add(`order-${index + 1}`); console.log(index, boxEl); });
const boxEl = document.querySelector('.box'); // Getter: 값을 얻는 용도 console.log(boxEl.textContent); // Setter: 값을 지정하는 용도 boxEl.textContent = 'OROSY!'; console.log(boxEl.textContent); // OROSY!