[JavaScript] innerHtml 관련 이슈

아래와 같은 HTML form을 완성하고..

<body>

</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>

</body>

JAVASCRIPT

var str = "<table style=\"width:100%; border:1px;\"><tr><td>test</td></tr></table>";

$("#tableDiv").html(str);

innerHTML.. 쓰면 안되겠다..

Ju Factory