JavaScript로 DOM 요소 작업을 위한 함수

이제 DOM과 관련된 작업을 수행하는 보조 함수를 만드는 방법을 배워봅시다. 예를 들어, 첫 번째 매개변수로 요소의 id를 받고, 두 번째 매개변수로 요소의 텍스트를 받아 해당 요소에 새 텍스트를 설정하는 함수를 만들어 보겠습니다.

다음은 설명된 함수입니다:

function setText(id, text) {
	let elem = document.getElementById(id);
	elem.textContent = text;
}

이 함수의 동작을 시험해 봅시다. 두 개의 단락이 있다고 가정해 보겠습니다:

<p id="elem1"></p>
<p id="elem2"></p>

우리가 만든 함수를 사용하여 이 단락들의 텍스트를 변경해 보겠습니다:

setText('elem1', 'text1');
setText('elem2', 'text2');

제가 만든 함수를 수정하여, 요소의 id가 아닌 임의의 CSS 선택자를 매개변수로 받도록 하세요.

DOM 요소의 속성을 변경하는 함수 setAttr를 만드세요. 함수의 첫 번째 매개변수는 요소의 선택자, 두 번째 매개변수는 속성 이름, 세 번째 매개변수는 새 값이 되도록 하세요.