Shareit: Statische Tabelle alle x Sekunden neu befüllen

Beitrag lesen

Hallo zusammen,

Ich habe hier ein kleines Problem und hoffe dass ihr mir helfen könnt.
Zunächst einmal habe ich mir mittels einer XMLHttpRequest einen String ausgeben lassen, diesen habe ich geparst und in zwei Arrays gepackt, so weit so gut.

Diese beiden arrays haben jeweils folgende Form
Zahl1a,Zahl1b,Zahl2a,Zahl2b....usw.
Zwei Ziffern gehören immer zusammen (Die erste Ziffer gibt einen Preis aus, die zweite ein Volumen zu diesem Preis).

Diese arrays habe ich dann mit folgendem Code versucht in je eine zweispaltige Tabelle zu packen (hier der code nur für eine Tabelle, die zweite wird ja analog erstellt):

  
var table = document.createElement("table");  
table.setAttribute('border', '1');  
for (var i = 2; i < bidsarray.length+1; i=i+2) {  
var row = table.insertRow(i/2-1);  
var PriceCell = row.insertCell(0);  
var VolumeCell = row.insertCell(1);  
PriceCell.innerHTML=bidsarray[i-2];  
VolumeCell.innerHTML=bidsarray[i-1];  
}  
document.body.appendChild(table);  

Dabei habe ich ein Intervall von 3000 gesetzt. Leider setzt er mir aber jetzt immer eine neue Tabelle unten dran.

Die Tabelle soll immer 2 Spalten und genau 30 Zeilen haben, da ich nur die ersten 30 Werte aus dem array brauche.
Der Inhalt verändert sich durch die xmlhttprequest aber ständig. wie kann ich also eine statische Tabelle erstellen und diese dynamisch befüllen?

Außerdem will ich die Tabelle nicht am ende des bodys, sondern an einer beliebigen stelle haben, wie stelle ich da die verknüpfung her?

Vielen Dank schonmal im Voraus für eure Hilfe!

Beste Grüße