[태그:] IE10

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

    IE8로 넘어 오면서 호환성모드를 ms에서 추가 하였습니다.
    아래의 소스와 같은 방식으로 호환성 모드를 동작시킬수가 있습니다.
    [html]
    <meta http-equiv="X-UA-Compatible" content="IE=9" />
    [/html]

    헌데 IE10에서 자바스크립트로 태그의 속성을 체크 할경우 문제가 생깁니다.
    html5에서 추가된 placeholder같은 IE10에서만 동작하는 속성의 경우 호환성 모드가 추가될 경우 아래와 같은 방법으로는 속성값을 뽑아오지 못하고 undefined를 뿌려주는 문제가 생기게 됩니다.
    [html]
    <input type="text" id="input" placeholder="ID를 입력해주세요." />

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

    해결 방법은 아래와 같이 attributes를 사용하여 값을 뽑아오면 되겠습니다.
    [js]
    alert(document.getElementById(‘input’).attributes[‘placeholder’].value);
    [/js]

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