[JavaScript] innerHtml 관련 이슈
2013. 10. 30. 14:25ㆍProgramming/web
아래와 같은 HTML form을 완성하고..
<body>
<table style="width:100%; border:1px;" id="myTable">
</table>
</body>
Java script 단에서 해당 table id값을 이용하여 html source 값을 집어넣는 코드를 작업 중에 문제가 발생했다.
var str = "<tr><td>test</td></tr>";
document.getElementById("myTable").innerHTML = str;
IE 9,8,7에서 해당 내용이 나타나지 않는 것이다.
구글링 해도 해당 원인을 찾아내지 못했고 결국에 아래와 같이 수정.
HTML
<body>
<div id="tableDiv">
</div>
</body>
JAVASCRIPT
var str = "<table style=\"width:100%; border:1px;\"><tr><td>test</td></tr></table>";
$("#tableDiv").html(str);
innerHTML.. 쓰면 안되겠다..