getElementById devuelve nulo?

Question

document.getElementById('id of div that definately exists') devuelve nulo.

originalmente cargado el javascript última con el fin de asegurarse de que no tendría que preocuparse por el proceso de carga. También intenté usar el evento onload. Es muy espeluznante Cualquier idea o ayuda sería muy apreciada.

Answer 1

Puede ser causada por:

1. sintaxis no válida HTML (algunos etiqueta no está cerrada o error similar)
2. identificadores duplicados - hay dos elementos DOM HTML con el mismo ID
3. Tal elemento Está tratando de obtener ID se crea dinámicamente (cargado por ajax o creado por script)?

Por favor, publicar su código.

Answer 2

Podría haber muchas razones por document.getElementById no funciona

• Usted tiene un ID no válido

  ID y NAME fichas deben comenzar con una letra ([A-Za-z]) y puede ir seguido de cualquier número de letras, dígitos ([0-9]), guiones ("-"), guiones bajos ("_"), dos puntos (":") y puntos ("."). (recurso: What are valid values for the id attribute in HTML?)

• que utiliza un documento de identidad que ya se utiliza como <meta> nombre en la cabecera (por ejemplo, los derechos de autor, autor ...) Parece extraño, pero me pasó a mí: si su 're usando IE eche un vistazo a (recurso: http://www.phpied.com/getelementbyid-description-in-ie/)

• está orientando un elemento dentro de un marco o un iframe. En este caso si el iframe carga una página dentro del mismo dominio de la matriz se debe orientar la contentdocument antes de buscar el elemento (recurso: Calling a specific id inside a frame)

• simplemente está buscando a un elemento cuando el nodo no es efectivamente cargado en el DOM, o tal vez es una falta de ortografía sencilla

Dudo que utilizó mismo ID de dos o más veces: en ese caso document.getElementById debe devolver al menos el primer elemento

Answer 3

también tenga cuidado de cómo se ejecuta el js en la pag mi. Por ejemplo, si haces algo como esto:

(function(window, document, undefined){ 

    var foo = document.getElementById("foo"); 

    console.log(foo); 

})(window, document, undefined); 

Esto devolverá un valor nulo, porque estarías llamando al documento antes de que se cargó.

mejor opción ..

(function(window, document, undefined){ 

// code that should be taken care of right away 

window.onload = init; 

    function init(){ 
    // the code to be called when the dom has loaded 
    // #document has its nodes 
    } 

})(window, document, undefined);