Hallo ich versuche schon die ganze Zeit verzweifelt daten aus einem Array in ein TD dynamisch zu übergeben. Krieg es aber einfach nicht hin. Vielleicht kann mir jemand weiterhelfen.
function TabData(){
var obj = {
"fische": [
{"product": "Lachs", "price": "4,73"},
{"product": "Hering", "price": "6,33"},
{"product": "Rochen", "price": "3,99"},
{"product": "Makrele", "price": "8,99"},
{"product": "Aal", "price": "4,99"}
],
"pflanzen": [
{"product": "Tulpe", "price": "7,73"},
{"product": "Rose", "price": "9,22"},
{"product": "Geranie", "price": "9999,42"}
]
};
var datenpaket=(obj["fische"]);
for(var i=0; i<datenpaket.length; i++){
datenpaket.product;
datenpaket.price;
var dataTableObj = document.getElementById("dataTable");
//TR-Element erstellen
var trObj = document.createElement("tr");
//TD-Element erstellen für product
var tdObj = document.createElement("td");
tdObj.innerHTML = datenpaket.product;
//TD zu TR hinzufügen
trObj.appendChild(tdObj);
//TD-Element erstellen für price
tdObj = document.createElement("td");
tdObj.innerHTML = datenpaket.price;
//TD zu TR hinzufügen
trObj.appendChild(tdObj);
//Jetzt das fertige TR-Element mit seinen TD's in den Table hängen
dataTableObj.appendChild(trObj);
}
}
</script>
<body onload="TabData()">
<table id="dataTable" style="border:2px solid silver;width:200px;height:600px;background-color:gray;">
<!-- hier werden dynamisch die Daten eingelesen -->
</table>
</body>
MFG