DIV의 Chaging innerHTML이 테이블 속성을 변경합니다.

Question

HTML 페이지에서 동적으로 체크 박스를 표시하고 데이터베이스에서 값을 가져와야합니다.

내가 사용하는 트릭은 자바에서 전체 테이블 HTML을 생성하는 것입니다 그리고 난이

var div = document.getElementByID("div").innerHTML = htmlCode; 

할 AJAX를 사용하지만, 문제는

htmlCode 변수에

는, html로는

<table width="100%"> 
    <tr> 
     <td width="50%">...... 

같은입니다

div.innerHTML을 확인하면 다음과 같이 표시됩니다.

<TABLE width="100%"> 
<TBODY> 
    <TR> 
     <TD width="50%"> 
      <?xml:namespace prefix = .... 

왜 그들은 대문자가되고 왜 xml : namaesapce 접두사가 추가됩니까?

표가 올바르게 표시되지 않아 문제가 발생합니다.

innerHTML을 사용하지 않고이 작업을 수행하는 다른 방법이 있습니까? 테이블의 생성

코드는

String html = "<table width=\"100%\">"; 

for (Iterator it = lookupList.iterator(); it.hasNext();) 
    { 
     HashTree lookupElement = (HashTree) it.next(); 
     String code = lookupElement.getChildTagValue ("CODE"); 
     String text = lookupElement.getChildTagValue ("TEXT"); 

     String labelText = ""; 

      if(indexLookupElement == 0) 
       labelText = "First Checkbox label"; 

      html = html + "<tr><td width=\"50%\" >" + 
      + 
        "<input type=\"checkbox\" id=\"item" + code + "\" />" + 
        "<html:label " +  
         "id=\"_Description\"" + 
         "name=\"_Description\"" + 
         ">" + text + 
        "</html:label>" +      


      "<td width=\"50%\" >" + 
      "</td></tr>"; 

      indexLookupElement += 1; 
    } 

html = html + "</table>"; 

감사합니다,

에이든