Document.head.appendChild(элемент), т.е. ie7 и ie8

У меня проблема с добавлением script к голове в ie7/8

это код, который я использую

var requireTag = document.createElement('script');
requireTag.setAttribute('type',         'text/javascript');
requireTag.setAttribute('src',          link+ 'require.js');
requireTag.setAttribute('data-main',    link+ 'data');

document.head.appendChild(requireTag);

это ошибка, которую я получаю

SCRIPT5007: Unable to get value of the property
'appendChild': object is null or undefined

Я нашел эту ошибку createElement в IE8 и попробовал обновить свой код, чтобы

var appendChild = document.head.appendChild(requireTag);

но все равно получите ту же ошибку. Может ли кто-нибудь помочь?

Ответы

Ответ 1

Согласно https://developer.mozilla.org/en-US/docs/Web/API/document.head и http://msdn.microsoft.com/en-us/library/gg593004%28v=vs.85%29.aspx, document.head недоступен для IE < 9. Просто используйте

document.getElementsByTagName('head')[0].appendChild(requireTag);

Ответ 2

Я считаю, что document.head не поддерживается в этих браузерах.

Попробуйте это вместо:

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