prototype update() not working in IE

Question

Hi guys

as the title suggests i have problem with prototype's update function in all IE version but its working in FF and chrome

this doesnt work

var element = $('mainnav_h');
element.cleanWhitespace();
var html = element.firstChild.innerHTML;
html = html.gsub('<span class="sep"></span>', '');
element.firstChild.update(html);//this doesn't word

but this works

var element = $('mainnav_h');
element.cleanWhitespace();
var html = element.firstChild.innerHTML;
html = html.gsub('<span class="sep"></span>', '');
element.firstChild.update("this works");

source

<div class="innerNavigation_horizontal clear">
    <ul id="mainnav_h">
        <li><span class="sep"></span><a href="#" title="#">items</a></li>
    </ul></div>

you can see clearly when i pass variable to update() function is doesn't work in IE where as when i pass string in to it it works in IE, can some one explain this absurd IE behaviour

salman

Answer 1

My guess is that the problem is not with update(), but with one of the preceding functions that work on the HTML.

Can you do a test output of html using alert() at every stage of the script? Does it contain anything in the first place?

What does #mainnav_h look like? Can you post source?

Does element.firstChild actually exist? Can you check using

alert(typeof element.firstChild);

Do you get any error messages in IE?