더북(TheBook)

이번 강에서는 getElementsByTagName(), getElementsByClassName(), getElementsByName() 메서드를 이용해서 엘리먼트를 여러 개 선택하는 방법을 알아보았습니다.

이번 강에서 배운 내용을 요약해 볼까요?


getElementsByTagName( ) 메서드는 인자로 HTML 엘리먼트의 태그 이름을 전달하며, 해당 태그의 모든 엘리먼트가 배열로 반환됩니다.

getElementsByClassName( ) 메서드는 인자로 클래스 이름을 전달하며, 해당 클래스의 모든 엘리먼트가 배열로 반환됩니다.

getElementsByName( ) 메서드는 인자로 이름을 전달하며, 해당 이름 속성을 가진 모든 엘리먼트가 배열로 반환됩니다.

input 엘리먼트에 입력된 값을 값 속성으로 얻어 올 수 있습니다(getAttribute( ) 메서드로는 받아 올 수 없습니다).


엘리먼트를 선택한 다음에는 반복문 등을 사용해서 각 엘리먼트의 속성이나 내용을 변경할 수도 있습니다.

다음 강에서는 좀 더 일반적으로 엘리먼트를 선택할 수 있는 방법인 선택자에 대해 알아보겠습니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.