Das Beispiel in diesem Artikel beschreibt die Methode zum Konvertieren von XML in eine HTML-Tabelle mithilfe von JavaScript. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
function ConvertToTable(targetNode) { // if the targetNode is xmlNode this line must be removed // i couldnt find a way to parse xml string to xml node // so i parse xml string to xml document targetNode = targetNode.childNodes[0]; // first we need to create headers var columnCount = targetNode.childNodes[0].childNodes.length; var rowCount = targetNode.childNodes.length // name for the table var myTable = document.createElement("table"); myTable.border = 1; myTable.borderColor ="green"; var firstRow = myTable.insertRow(); var firstCell = firstRow.insertCell(); firstCell.colSpan = columnCount; firstCell.innerHTML = targetNode.nodeName; // name for the columns var secondRow = myTable.insertRow(); for(var i=0;i<columnCount;i++) { var newCell = secondRow.insertCell(); newCell.innerHTML = targetNode.childNodes[0].childNodes[i].nodeName; } // now fill the rows with data for(var i2=0;i2<rowCount;i2++) { var newRow = myTable.insertRow(); for(var j=0;j<columnCount;j++) { var newCell = newRow.insertCell(); newCell.innerHTML = targetNode.childNodes[i2].childNodes[j].firstChild.nodeValue; } } // i prefer to send it as string instead of a table object return myTable.outerHTML; }
Hier ist ein einfaches Beispiel für die Verwendung:
Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.