HTML에 지정한 ID, Class를 JS로 불러오기

ID로 태그 선택하기

document.getElementById();

// 변수로 저장해서 사용을 많이한다.

let tag = document.getElementById('tag')

존재하지 않는 ID값을 지정하면 null 값으로 인식하게 된다.

Class로 태그 선택하기

let tags = document.getElementsByClassName();

HTML class 선택자 전체를 선택한다.

getElementsByClassName 메소드는 지정하게 되면 배열로 나열되지만

배열에 사용되는 매서드 push(), slice() 같은 매서드를 사용할 수 없다

이는 유사배열이라고도 하며

클래스네임이 한개밖에 없는 클래스를 지정하더라도 그값이 출력되는게 아니라

배열속성을 가지고 있는 클래스로 출력되어

만약 하나를 지정하고싶다면 [i] 배열에서 사용되는 대괄호안에 인덱스번호를 지정해줘야

그값이 정확하게 지정이 된다. 또한

ID는 null 로 인식이되지만 ClassName 매서드는 []괄호가 비어있는 유사배열로 나오기때문에

tags === null
tags.length;