HTML 요소 선택

메서드	설명
document.getElementsByTagName(태그이름)	해당 태그 이름의 요소를 모두 선택함.
document.getElementById(아이디)	해당 아이디의 요소를 선택함.
document.getElementsByClassName(클래스이름)	해당 클래스에 속한 요소를 모두 선택함.
document.getElementsByName(name속성값)	해당 name 속성값을 가지는 요소를 모두 선택함.
document.querySelectorAll(선택자)	해당 선택자로 선택되는 요소를 모두 선택함.

id 속성으로 노드 가져오기

document.getElementById(id 값);

태그이름으로 노드 가져오기

getElementsByTagName 메서드는 반환값이 복수개의 요소 입니다. 이것은 일반적인 HTML 문서에는 이름이 같은 태그가 많이 사용되기 때문입니다.
getElementsByTagName 메서드는 NodeList 객체를 반환합니다. NodeList 객체는 유사 배열 객체이며 읽기 전용입니다.

document.getElementsByTagName(요소의 태그 이름)[index];

class 속성 값으로 노드 가져오기

document.getElementsByClassName(class의 이름)[index];

CSS선택자로 노드 가져오기

document.querySelector("#태그아이디값");
document.querySelector(".태그클래스값");