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

by Bathory

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

<br />
&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=9&quot; /&gt;<br />

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

<br />
&lt;input type=&quot;text&quot; id=&quot;input&quot; placeholder=&quot;ID를 입력해주세요.&quot; /&gt;</p>
<p>&lt;srcipt type=&quot;text/javascripty&quot;&gt;<br />
alert(document.getElementById('input')['placeholder']);<br />
//undefined<br />
&lt;/script&gt;<br />

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

<br />
alert(document.getElementById('input').attributes['placeholder'].value);<br />

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

Comments


Menu