from - javascript modify css

document.head.appendChild(elemento) ie ie7 y ie8

Question

Tengo un problema al agregar un script a la cabeza en ie7 / 8

Este es el código que estoy usando

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);

este es el error que recibo

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

Encontré este error de creación de elemento en IE8 e intenté actualizar mi código para tener

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

pero aún así obtener el mismo error. ¿Alguien puede ayudar?

Answer 1

Creo que document.head no es compatible con esos navegadores.

Intenta esto en su lugar:

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

Answer 2

Según https://developer.mozilla.org/en-US/docs/Web/API/document.head y http://msdn.microsoft.com/en-us/library/gg593004%28v=vs.85%29.aspx , document.head no está disponible para IE <9. Solo usa

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