JavaScript Memory Leakage Problem With SetAttribute

[vaibhav03]

Hello All,

I have made an AJAX call and bringing back some data from the server and then That data would be converted to XML through javascript. Now i am creating various elements like TABLE, TR, TD, Anchor to render that data using createElement method. and also i have to set some Usual and custom attributes to those elements and then render it on page.
Now my problem is when i use element.setAttribute(name, value) in a loop then after rendering 80 rows my IE shows alert that "This script is taking to long to run and should be aborted YES|NO " this kind of warning so can anybody help me where i am wrong and what kind of optimization can be done or there is any alternative for that.

This function is used for setting the attributes.

    function processTagAttributes(target, attributes){
            if(attributes != null){
                for (i = 0; i<attributes.length; i++){
                    var splited = attributes[i].split("|");
                    if( splited[0] == 'style'){
                            target.style.cssText =  splited[1];
                    }
                    else if( splited[0] == 'class'){
                        target.className =  splited[1];
                    }
                    else{
                        target.setAttribute( splited[0],  splited[1], 0);
                    }
                }
                attributes = null;
            }
    }

EG attributes:--> var attributes = new Array("height|100", "width|100", "align|center");

[acoder]

Welcome to TSDN!

Why are you using three arguments for setAttribute? See link.

[vaibhav03]

The third attribute is optional for overriding the case sensitivity of the attribute name


Defination provided by W3C Level 1

setAttribute Method

--------------------------------------------------------------------------------

Sets the value of the specified attribute.

Syntax

object.setAttribute(sName, vValue [, iFlags])
Parameters

sName Required. String that specifies the name of the attribute.
vValue Required. Variant that specifies the string, number, or Boolean to assign to the attribute.
iFlags Optional. Integer that specifies one the following flags: 0 When the attribute is set, it overwrites any attributes with the same name, regardless of their case.
1 Default. The case of the attribute that you set is respected when it is set on the object.

[acoder]

That is not part of the standard. See W3C DOM Level 2 setAttribute(). Where are you quoting from?

[vaibhav03]

First of all i must tell u that my development module is browser IE specific and the second thing is that i have written Level One See the link
http://msdn2.microsoft.com/en-us/library/ms536739.aspx

[acoder]

First of all i must tell u that my development module is browser IE specific and the second thing is that i have written Level One See the link
http://msdn2.microsoft.com/en-us/library/ms536739.aspx

It's not part of level 1 either, but since your user environment is restricted to IE, it's not too much of a problem. Just be mindful not to use it on public projects.

Coming to your problem, how long does it take to render 80 rows? How many attributes are there and show the code you're using to call this function for the table rows/cells.