[JavaScirpt]Element객체 中 속성 API

위는 target이 아이디인 엘리먼트를 t라는 변수에 담고

getAttribute메소드를 이용하였다.

t.getAttribbute('href');

이는 id가 target인 엘리먼트의 속성값 href를 불러오는 것이다.

변경하기 위해선

t.getAttribute('href' , 'www.google.com')과 같이 변경한다.

만약 새 속성을 추가하고 싶다면 그냥 추가하면 된다.

t.getAttribute('title', 'active');

와 같은 식으로

그 박에 제거하려면

t.removeAttribute('title');

존재 여부를 알고 싶다면

t.hasAttribute('title');

를 사용한다.

그렇다면 프로퍼티와 애트리뷰트는 같은가?

거희 비슷하지만 아예 같지는 않은데 다음 예시를 보면 알 수 있다.

위의 콘손은 target의 프로퍼티인 href를 불러온 것이다. 결과 값으로는 문서의 주소 전체가 나온다.

아래 콘솔은 target에 getAttribute를 이용하여 href를 불러왔다. 결과는 a태그에 우리가 입력한 주소만 나온다.