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.
Sumit Kesarwani
03-Sep-2013That'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];