JAVASCRIPT DOCUMENT.HEAD IS NULL

Ankita Pandey

Total Post:183

Points:1285
Posted by  Ankita Pandey
 3490  View(s)
Ratings:
Rate this:

Getting an error when running the following code in IE 8, but not in other browsers:

'document.head' is null or not an object

Here is my code:

  <!DOCTYPE html>

   <html>

   <head>

   <meta charset="utf-8" />

   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

   <link rel="stylesheet" type="text/css" href="style.css" media="screen" />

   <script type="text/javascript" src="respond.min.js"></script>

    <script>

   function load() {

    document.getElementsByID("myFrame");

    }

   </script>

   </head>

   <body>      

    <iframe src="http://instagram.com/p/bTlK6CRNcL/embed/" width="300" height="400" frameborder="0" scrolling="no" allowtransparency="true" id="myFrame" onload="load()"></iframe>

</body>

</html>

Any help will be appreciated.

  1. Sumit Kesarwani

    Post:378

    Points:2694
    Re: JavaScript Document.Head is Null

    Hi Ankita,


    That's because IE8 doesn't support it. It's a new feature of HTML5. You could use:

    var head = document.head || document.getElementsByTagName("head")[0];

Answer

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!