[JavaScirpt]Element객체 中 식별자 API

1. TagName

다음의 'actvie아이디의 엘리먼트는

HTMLLELMENT객체이고 이는 HTMLELEMENT의 속성이다.

그리고 HTMLELEMENT객체이고 ELEMENT객체의 속성이다.

ELEMENT객체이고 이는 tagName이라는 속성을 가지고 있다.

tagName은 속성값으로 하위 엘리먼트의 태그 네임을 리턴한다. 이는 읽기 전용이다.

2. id

tagName과 대부분 같지만

이는 읽기 및 쓰기가 가능하다.

위 예제는 'active객체의 id값을 변경한 모습이다.

3.ClassName

위는 className을 통해서 새로운 클래스를 생성했다.

4. classlist

classname보다 보편적으로 쓰임

다음을 보면 active.classList를 호출하면 리턴 값으로 DOMTokenList라는 객체와 객체의 속성들이 호출된다.

해석해보면

0 : "marked"는 DOMTokenList가 유사행렬이고 0번째 값이 marked라는것을 나타낸다.

Length는 0번째 밖에 없으니 1이고

각각의 속성들은 함수들이 속성값으로 존재한다.

예를 들어 add속성을 사용해보면

actiuve.classList.add("important"); 를 통해서

클래스를 추가할 수 있다.

이 중 toggle속성은 클래스가 없으면 생성하고 있으면 제거하는 재미있는 함수를 가지고 있다.