테이블의 행을 동적으로 추가하는 작업을 하다가, 자꾸 "알 수 없는 런타임 에러"가 나길래 찾아보았는데, 다른 브라우저와 달리 ie에서는 몇몇 태그들이 읽기전용 속성으로 되어 있다고 한다.

읽기전용 태그들 : col, colgroup, frameset, head, html, style, table, tbody, tfoot, thead, title, tr

이것이 바로 innerHTML을 사용하여 내부의 값을 바꿀 수 없는 이유.


찾아본 예제로
var table = document.getElementById("TABLE_ID");
var row = table.insertRow();
var cell = row.insertCell();
cell.innerHTML = "문자열";
가 있었고,
appendChild, createElement, setAttribute 를 써도 될 듯.
신고
posted by purecolor


티스토리 툴바