IE10에서 IE 호환성 모드사용하기

IE8로 넘어 오면서 호환성모드를 ms에서 추가 하였습니다.
아래의 소스와 같은 방식으로 호환성 모드를 동작시킬수가 있습니다.

<meta http-equiv="X-UA-Compatible" content="IE=9" />

헌데 IE10에서 자바스크립트로 태그의 속성을 체크 할경우 문제가 생깁니다.
html5에서 추가된 placeholder같은 IE10에서만 동작하는 속성의 경우 호환성 모드가 추가될 경우 아래와 같은 방법으로는 속성값을 뽑아오지 못하고 undefined를 뿌려주는 문제가 생기게 됩니다.

<input type="text" id="input" placeholder="ID를 입력해주세요." />

<srcipt type="text/javascripty">
alert(document.getElementById('input')['placeholder']);
//undefined
</script>

해결 방법은 아래와 같이 attributes를 사용하여 값을 뽑아오면 되겠습니다.

alert(document.getElementById('input').attributes['placeholder'].value);

IE는 10이 되서도 문제를 일으키는군요.ㅠ

댓글 남기기

This site uses Akismet to reduce spam. Learn how your comment data is processed.