Question

I have a project using Javascript parse json string and put data into div content.

In this case, all of itemname variables is the same div s id.

If variable i about 900, I run this code in Firefox 3 for <10ms, but it run on IE 7 for >9s, IE process this code slower 100 times than Firefox

I don t know what happen with IE ?

If I remove the line document.getElementById(itemname), speed of them seems the same.

The main problem arcording to me is document.getElementById() function?

Could you show me how to solve this prolem to increase this code on IE ?

Thank in advance.

            var i = obj.items.length-2;
            hnxmessageid = obj.items[i+1].v;

            do{
                itemname = obj.items[i].n;
                itemvalue = obj.items[i].v;
                document.getElementByid(itemname);
                i--;
            }while(i>=0);

Answer 1

Are you really noticing any latency?

gEBI is natively very very fast, I don t think you can avoid it anyway for what you re doing. Could you provide a low-down of what you re doing precisely? It looks like you re using a loop, but can you post exactly what you re doing inside of the loop, what your common goal of the script is?

Answer 2

document.getElementByid(itemname) is the fastest way to get a single element from the DOM in any real application you will sould not see any problems with using it, if you do see a problem you need to rethink you code a little it possible to acomplish any task with just a handfull of calls for this method. You can present you full problem if you like so I could show you an example

Answer 3

At least cache the reference to document:

var doc = document;
for(;;) { 
   doc.getElementById(..);
}

友情链接