Home/ Questions/Q 88009
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-10T22:29:33+00:00

I’m trying to get an object element from my webpage using getElementById (ultimately so

  • 0

I’m trying to get an object element from my webpage using getElementById (ultimately so I can replace it with a dynamically created object element) but it is returning null in IE6.

In the following code, the byId() function returns null in IE but an [object HTMLObjectElement] in Firefox 3 and the lengthOfByTagName() function returns 0 in IE but 1 in Firefox.

Is there something I am doing wrong?

<html> <head> <title>IE doesn't see Object element?</title> <script type='text/javascript'> function byId() {     var video = document.getElementById('VideoPlayer');     alert(video);  } function lengthOfByTagName() {     var length = document.getElementsByTagName('object').length;     alert(length);  } </script>  </head> <body>     <object type='' id='VideoPlayer'>         <param name='allowScriptAcess' value='always' />         <param name='allowfullscreen' value='true' />         VideoPlayer element     </object>     <br>     <br>     <a href='#' onclick='javascript:byId()'>getElementById('VideoPlayer')</a>     <br>     <a href='#' onclick='javascript:lengthOfByTagName()'>getElementsByTagName('object').length</a> </body> </html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. This is because of the way IE treats <object> nodes vis-a-vis the DOM.

    Since you’re dynamically replacing anyway I recommend you instead create a <div> where you need it and change the innerHTML to be the HTML for the object you require.

    • 0