DOM Troubles :)

[jaywhy13]

Have a look at this scriptlet...
var points = rootElement.getElementsByTagName("point");
for(var p = 0; p < 300; p++) {
mShowMessage("Loading " + p + " of " + points.length);
var point = points.item(p);
var x,y,id;
x = point.getAttribute("x");
y = point.getAttribute("y");
id = point.getAttribute("id");

var pointObj = xmlOverlay.addNewPoint(id,x,y);
var symbols = point.getElementsByTagName("symbol");
var symbolObjs = new Array();
for(var s = 0; s < symbols.length; s++){
var symbol = symbols.item(s);
var symbolObj = new kaXmlSymbol();
symbolObj.size = symbol.getAttribute("size");
symbolObj.color = symbol.getAttribute("color");
pointObj.addGraphic(symbolObj);
}
}

Very simple... this loop... It basically adds points to a map. It's all adding clipped divs to the DOM. Problem, when the number goes much higher than say 400 points... there's a small period that if you click the browser it FREEZES up totally. What can I do to remedy that... I figure the DOM is under ALOT of pressure... so how can I relieve it?

[Kor]

javascript is a slow language, as it is an interpreted language, not a compiled one. There is nothing you can do about.

You may use some tricks to increase the speed, but it will not help you too much:

1. whenever is possible declare the variables outside the loop
2. Use an inverse loop

var p;
for(p = 299; p >=0; p--)