IE no soporta 'insertBefore'

Question

tengo un problema con este pedazo de código:

var logo = document.getElementById("move_this"); 
    prependElement('container', logo); 

    function prependElement(parentID, child) { 
     parent = document.getElementById(parentID); 
     parent.insertBefore(child, parent.childNodes[0]); 
    } 

En IE Tengo un error:

SCRIPT438: Object doesn't support property or method 'insertBefore'

¿Hay una manera de resolver este problema ?

Answer 1

usarlo como que:

var parent=document.getElementById(parentID); 

de lo contrario los padres será global, pero siempre es un padre-objeto global, la ventana parent (y que es de sólo lectura).

Además: IE requiere como segundo argumento un nodo o nula válida, así que asegúrese de que los padres tiene childNodes para evitar errores:

parent.insertBefore(child,(parent.hasChildNodes()) 
          ? parent.childNodes[0] 
          : null); 

Answer 2

insertBefore funciona correctamente en IE siempre y cuando el segundo parámetro es un elemento DOM válido, o null (typeof null es Object y también es un elemento DOM typeof).

Para una Array, cualquier de índice unida (que en este caso es 0 como el children[] está vacía) devolverá undefined. IE deja de funcionar en el siguiente caso como el segundo parámetro se convierte en undefined -

parent.insertBefore(child, parent.childNodes[0]) 
//parent.childNodes[INDEX] 
//where `INDEX` is greater than parent.childNodes.length 

Por lo tanto, un mejor enfoque para este caso será

var refEl = parent.childNodes[INDEX] || null; 
parent.insertBefore(newRowHolderNode.childNodes[0], refEl);