Wie bearbeiten Sie eine Tabelle in Internet Explorer 5 ohne innerHTML?

Question

Ich versuche, einen Barcode-Scanner zu machen, und ich habe ein Problem, wenn ein Produkt nicht existiert, erstellt es ein neues Array mit JavaScript und sendet das Problem an die Tabelle. Mein Problem ist, dass ich nicht die Tabelle mit innerHTML

JavaScript-Funktion bearbeiten kann:

var table = document.getElementById("listViewTable"); 
var tableF = document.getElementById("listTable"); 
var rowCount = table.rows.length; 
var row = table.insertRow(rowCount); 
var td1 = document.createElement("td"); 

//row.innerHTML = '(A few <td> and an <input>)'; 

td1.innerHTML = '(More <td> and another <input>)'; 
row.appendChild(td1); 
row.className = "tableCell newSKU"; 

diese Linie kommentierte row.innerhtml ist, was ich versuchte zu erreichen, aber I.E nicht unterstützt.

Dies sollte das Endergebnis sein:

Das letzte Produkt in Gelb kann nicht in der gleichen Tabelle und als solche gestellt wird nicht über den gleichen Stil wie die andere.

Answer 1

Von ppk's guide to browser quirks:

In IE9 und unteren innerHTML weigert sich, auf Tabellen und wählt zu arbeiten. Lösen Sie dies, indem Sie stattdessen reine DOM-Methoden verwenden. Siehe this explanation des Tabellenverhaltens nach innerHTML Erfinder. Ich gehe davon aus, dass etwas Ähnliches für selects gilt.

Verwenden Sie createElement, appendChild und Freunde, um die Zellen zu erstellen.