Consulta acerca de document.getElementById()

[chan]

Hola foro, tengo una pregunta que estimo es bastante sencilla pero que aún no pude resolver:

Necesito poner una varible en el document.getElementById, seria algo asi

document.getElementById(variable).innerHTML = "OK"

Esto es para colocar un mensaje en unos divs que genero automáticamente cuyos identificadores son números ej.: <div id="1"></div> y asi hasta 20. El valor que toma la variable es el correcto para cada caso (osea toma el valor 1 o 2 o 3 o 20) pero me tira este error:

"document.getElementById(variable) is null"

Alguien sabe cual es el problema?

Muchas Gracias de antemano.

[David]

Debes comprobar que el valor de variable sea realmente el que esperas.

Además, un número no es válido para el atributo id, debe ir por lo menos acompañado de otro carácter, "id1" o semejantes.

[chan]

Hola David, gracias por la respuesta, ya modifique el valor del atributo id, ahora es "mensaje1", "mensaje2" etc, pero sigo teniendo el mismo error. El problema es que la variable es producto de una concatenacion, es decir es algo como esto:

Código:

variable = "mensaje" + var;

donde var tiene un número. Cuando hago un alert de "variable" obtengo por ejemplo "mensaje1" (igual que el identificador de uno de mis divs) sin embargo me aparace este error "document.getElementById(variable) is null". Ahora si yo seteo a mi variable de esta forma

Código:

variable = "mensaje1";

Ahi sí me lo toma bien, pero no me sirve ya que necesito que el número sea una variable.

Gracias por tu ayuda

[posman]

No puedes utilizar var como nombre de variable ya que es una palabra reservada de javascript

[David]

Si ese es el código real, "var" no es válido para un nombre de variable.

De lo contrario es muy raro, habría que ver el código completo de la función para ver si conseguimos determinar la causa del error.

[chan]

Si, en realidad no es el codigo real, lo puse de ejemplo mientras escribia el post y se me paso por alto el tema de la palabras reservadas. El código es el siguiente:

Código PHP:

  function procesarSorteo(){
    if(conexion2.readyState == 4){
        casilla = conexion2.responseText.split(",");
        campo = "mensaje"+casilla[0];
        document.getElementById(campo).innerHTML = 'ya estas anotado';
    } else {
        var d = document.getElementById('mensaje');
        d.innerHTML = 'Procesando';
    }
} 
   

La función procesarSorteo procesa la respuesta que recibo del servidor, el valor de casilla[0] es un número por ende si hago un alert de la variable "campo": me muestra "mensaje1" o "mensaje2" etc, justamente asi se llaman los identificadores de los divs ej: <div id="mensaje1"></div> ...

Creo que el problema esta con el tipo de dato de casilla[0] pero no se como solucionarlo.

[javiercitox]

tengo el mismo problema y aun no tengo solución :(