GetElementsByTagName("script") doesn't work properly after an AJAX call in IE

Dev Shed Forums Sponsor:

October 2nd, 2009, 06:33 AM

romario

Contributing User

Join Date: May 2003

Posts: 355

Time spent in forums: 3 Days 1 h 57 m
Reputation Power: 45

GetElementsByTagName("script") doesn't work properly after an AJAX call in IE

The following code works well in both FF and IE

Code:

<div id="div1">
<script  type="text/javascript">
// somecode
</script>
</div>

 <script type="text/javascript">
 var scripts = document.getElementById("div1").getElementsByTagName("script");
 alert (+scripts.length);
 </script>

However if the contents of div1 obtains its innerHTML from an AJAX call then the first <script> tage is not found by getElementsByTagName("script") if there is no other HTML before the <script> tag.

Why does this happen?

October 3rd, 2009, 11:15 AM

loonychune

Contributing User

Join Date: May 2009

Location: Manchester, UK

Posts: 153

Time spent in forums: 2 Days 15 h 6 m 31 sec
Reputation Power: 255

So you're doing something like this... ?

Code:

if(xmlhro.readyState == 4) {
  div1.innerHTML = xmlhro.responseText;
}

If that's the case, then the innerHTML property actually overwrites anything inside the dom object it is a property of.

Comments on this post

lnxgeek agrees!

October 5th, 2009, 10:40 PM

romario

Contributing User

Join Date: May 2003

Posts: 355

Time spent in forums: 3 Days 1 h 57 m
Reputation Power: 45

The the response text actually contains the <script> tags. So I am not looking for tags that have been overwritten but script tags that have actually been returned by Ajax calls.

October 5th, 2009, 10:43 PM

romario

Contributing User

Join Date: May 2003

Posts: 355

Time spent in forums: 3 Days 1 h 57 m
Reputation Power: 45

I am actually having to do something like this to solve the problem!!

Code:

if(xmlhro.readyState == 4) {
  div1.innerHTML = "<span style=\"display: none\">anything</span>" +xmlhro.responseText;
}

That just seems very wrong! If I dont do it then the .getElementsByTagName("script"); doesnt seem to find the first <script> tag if it has nothing before it.

October 6th, 2009, 06:09 AM

Winters

Bad Coder

Join Date: Jul 2003

Posts: 3,547

Time spent in forums: 1 Month 1 Week 2 Days 4 h 27 m 5 sec
Reputation Power: 2372

DOM vs innerHTML