티스토리 뷰

html 태그에 없는 속성을 정하여 그 값을 읽어 보는 javascript 알아보도록 하자.
말이 맞는지는 모르겠으나 사용자 저으이 속성이라고 명명 한다.

예를 들어 <span test="테스트" id="test">내용</span>이란 html 이 있다고 해보자.
물론 test="테스트" 값은 원래는 없는 속성이다.
저 속성 값을 읽어 오는 javascript 예제를 작성 해보도록 하자.

아래와 같이 코드를 작성하면 IE에서는 "테스트" 라는 값이 출력 된다.
하지만 파이어폭스, 크롬, 사파리, 오레파 등이 브라우져에서는 출력 되지 않는다.
alert(document.getElementById("test").test);

나마지 브라우져에서도 사용자 정의 속성 값을 출력 할려면 아래와 같이 하면 된다.
alert(document.getElementById("test").getAttribute("test"));
댓글
댓글쓰기 폼