마니의 공부방/개발 꼼수

ie innerhtml

IE에서... COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR 태그의 innerHTML 속성은 읽기 전용 이다.

 

(TABLE에만 적용되므로) 별로 쓸모는 없겠지만 임시 해결책은:
 
function tableInnerHTML(target, rowHTML) {
    /* Removed - why delete them?!
    while (target.rows.length > 0) {
        target.deleteRow(0);
    } */
    var tempDiv = document.createElement(”div”);
    document.body.appendChild(tempDiv);
    tempDiv.innerHTML = ‘’ + rowHTML + ‘’;
    var tt = document.getElementById(”tempTable”);
    /* Copy temporary table’s rows to target */
    for (var i = 0; i < tt.rows.length; i++) {
        target.appendChild(tt.rows[i].cloneNode(true));
    }
    tt.parentNode.removeChild(tt);
}
오늘의 교훈: 남들 잘 쓰는 라이브러리를 함부로 의심하지말고... 니나 잘해라-.-;