Chasing innerHTML von DIV ändert Tabelle Eigenschaften

Question

Ich muss Kontrollkästchen in einer HTML-Seite dynamisch anzeigen und ihren Wert aus der Datenbank abrufen.

Der Trick, den ich verwendet wird, ist die gesamte Tabelle HTML in Java zu erstellen und dann mit AJAX Ich mache das

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

aber Problem ist

in Htmlcode Variable, die html wie

ist

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

aber wenn ich div.innerHTML überprüfe, zeigt es wie

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

Warum werden sie Großbuchstaben und warum wird das Präfix xml: namaesapce hinzugefügt?

Dies führt zu einem Problem, da die Tabelle nicht richtig angezeigt wird.

Gibt es einen anderen besseren Weg, dies zu tun, ohne innerHTML zu verwenden?

Der Code für die Erzeugung von Tabelle ist

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>"; 

Danke,

Aiden

Answer 1

Es ist nicht eine bewährte Methode, die HTML-Code-Server-Seite zu erstellen. Wenn Sie sicher sind, dass Sie die Tabelle in Ihrem Dokument haben, ist es besser, sie zur Struktur des Dokuments zu machen und nur die Variablen aus Ihrem Java-Code zu füttern. Auch wenn die Tabelle konditional ist, können Sie sie mit einer Variablen ein-/ausblenden. Ich glaube, dass dieser Ansatz Ihr Problem lösen wird, wenn der HTML-Code Ihrer Webseite korrekt ist.

aktualisieren

-Test es wie folgt aus:

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

In Ihrem Code Sie haben fehlende schließenden Tag TD und ich einige Änderungen vorgenommen. Sehen Sie, ob dies Ihr Problem beheben wird.