Element 객체 - 식별자 API (Section 19)

참고> opentutorials.org/course/1375/6682

 

1. tagName(): Element 객체의 tag 이름을 알려줌. tag는 ReadOnly여서 변경이 안됨.

2. id: Element의 고유 식별자: id 값은 변경 가능

3. className: Element의 class 이름
-> classList가 훨씬 쓰기 좋음. className은 좀 불편함
-> className은 태그에 쓰인 거랑 조회한거랑 다른 경우도 있으니 참고바람.

4. classList: 띄어쓰기로 구분된 class 이름을 띄어쓰기 기준으로 split 하여 리턴해줌
-> classList의 리턴 값은 DOMTokenList이고 유사 배열임
-> CRUD 기능을 함
-> classList의 toggle 기능은 class 이름을 넣었다 뺐다 toggling함.
-> class 이름은 그룹핑에 많이 쓰인다. 특정 그룹별로 다른 행동을 취할 때 도움이 많이 될 거 같다.