IE9 자바 스크립트 생성 된 테이블

Question

안녕하세요 제가 자바 스크립트 루프 (가) 잘 작동

var TABLE = widget.body.getElementsByClassName('classroom')[0]; 
    var TBODY = widget.createElement('tbody'); 

     //generate rows & Cells, 10 x 10 
     var cID = 0; 
     for (var r=0; r<10; r++) { 
      var TR = widget.createElement('tr'); 
       for (var c=0; c<10; c++) { 
        var TD = widget.createElement('td'); 
        //TD.id="c"+cID; 
        TD.setAttribute("class",'c'+cID); 
        TD.setAttribute("id",'c'+cID); 
        TD.setAttribute("style","width:90px;"); 
        TD.setAttribute("style","height:90px;"); 
        cID++; 
        TR.appendChild(TD); 
       } 
       TBODY.appendChild(TR); 
     } 
     TABLE.appendChild(TBODY); 

먼저 테이블을 생성에만

IE9

에 문제가

는 다음이 다른 함수를 호출하는 것 테이블을 채우십시오.

이것은 아주 큰 기능입니다. HTML에서

var cell_class = cell.toString(); // it gets the cell from another loop say 'c1' 
var TCell = widget.body.getElementsByClassName(cell_class)[0]; 
TCell.innerHTML="<a href='#'>image</a>"; // it fails at this point 'null or undefined' 

나는 내가 HTML에 고정 테이블을 추가 할 경우 작동

<table id="table1" class="classroom"> 
        <colgroup> 
         <col width="90" height="70"/> 
         <col width="90" height="70"/> 
         <col width="90" height="70"/> 
         <col width="90" height="70"/> 
         <col width="90" height="70"/> 
         <col width="90" height="70"/> 
         <col width="90" height="70"/> 
         <col width="90" height="70"/> 
         <col width="90" height="70"/> 
         <col width="90" height="70"/> 
        </colgroup> 
       </table> 

을 가지고 있지만 나는 그것이 동적합니다.

는

이것은 당신이 jQuery를 템플릿 또는 핸들을 이용하지 않는지 어떤 특정한 이유 (또는 그 문제에 대해 다른 템플릿 라이브러리가 거기에 사람이

Answer 1

을 도울 수 떨어져 IE9

에서 현재의 모든 브라우저에서 작동합니다.) 동적 생성을 돕기 위해?

IE의 문제는 마크 업에서 TBODY 요소를 만들지 않는 한 기본적으로 TBODY 요소를 만들지 않는다고 생각합니다. 나는 그것이 존재하지 않는다면 다른 브라우저가 그 요소를 암시 적으로 생성한다고 생각한다.

마크 업에서 수동으로 tbody 요소를 추가 해보십시오.