JavaScript로 HTML 요소에 ID를 추가하는 방법

이 깔끔한 코드 조각으로 JavaScript를 사용하여 기존 HTML 요소에 ID 속성을 추가할 수 있습니다.

코드

let featuredTitle = document.querySelector("h1");
featuredTitle.id = "featured-title";

다음은 동영상에서 일어나는 일입니다.

• 먼저 웹페이지에서 h1 요소를 찾아 featuredTitle이라는 변수에 할당합니다. .
• 이 경우에는 점 표기법(variableName.attribute)을 통해 해당 변수에 ID 속성을 첨부합니다. featuredTitle.id 'featured-title' 값을 지정합니다. .

DOM의 기존 요소에 대해 이 작업을 수행할 수 있습니다.

이제 동적으로 생성된 이 ID를 사용하여 CSS(새 ID를 통해 요소 스타일 지정) 또는 대화형 동작(예:클릭 이벤트)을 처리하기 위해 JavaScript에 연결할 수 있습니다.