Verificar id en javascript

[benitopro]

Hola a todos otra vez,
Hoy os vengo con otra duda de javascript. Bueno la cosa es que mientras creo una tabla, cada td tiene un id asignado, quiero verificar si ese id es uno en concreto, y si es así cambiarlo de color. Por ahora lo que he intentado ha sido coger el td según su id con document.getElementById('id'), pero lo único que devuelve es null... lo que pienso que puede ser el problema es que no se puede hacer de esta manera, os pongo un pseudo código para entenderlo mejor:

Código Javascript:

funcion(){
  For(crear_tabla_hasta)
    definir idEvento
    contenido+= "<td id='"+idEvento+"'onClick='javascript:nuevoEvento(this.id)'>"+dia+"</td>";
    cargarDatosCalendario(idEvento);
    cerrar For
}
 
cargarDatosCalendario(idEvento){
  if(idEvento == 1){
    var celda = document.getElementById(idEvento);
    celda cambiar color
  }
}
 

El problema está en el getElementById como os he comentado....
Gracias de antemano

[benitopro]

Vamos, no me digáis que nadie sabe contestar...

[Carlangueitor]

1.- Obviamente las respuestas tardan más cuándo lo colocas en el foro incorrecto, (espera a que sea movido al foro de Javascript)
2.- Tampoco esto es un chat, ni todos están en la mismo zona horaria.
3.- Tu error es que nunca instertas el contenido dentro del DOM (o por lo menos no se ve ese código.)

Saludos

[benitopro]

Perdona no era esa mi intención ... la cosa es que soy bastante nuevo en el tema, ¿a qué te refieres a que no lo introduzco en el DOM?

[Carlangueitor]

Cuándo lo insertas en tu página, ahí en tu código solo le asignas el valor a la variable, pero nunca lo metes en el contenido de la página.

[benitopro]

¿a, te refieres al .appendTo('miDiv')? Lo hago después del for, se me ha olvidado ponerlo aquí si...

[Carlangueitor]

¿Y verificaste que agregue correctamente el id? ¿La consola te muestra algún error?

Saludos

[benitopro]

Lo extraño es que cuando le doy ver código fuente no me aparece la tabla, pero con el chrome y sus herramientas si que aparecen... y con la id que deben tener.

el código javascript es este y luego en la jsp tengo un div llamado tablaResultadoCalendario

Código Javascript:

function cargarCalendario(){
    var idProfesional = document.formulario.idProfesional.value;
    var contador = 0;
    var mes = 0;
    var ano = 2013;
    var arrayEventos = new Array(new Objeto4());
    var idGrupoFuncional = 0;
    
    diasEnMes();
    $.ajax({
            url: contextPath + "/cargarEventos.action?",
            dataType: 'json',
            async: false,
            data: {
                idGrupoFuncional: idGrupoFuncional
            },
            success: 
              function(data){
              $.each(data, function(i, registroEventos){
                  arrayEventos[i] = new Objeto4();
                  arrayEventos[i].title = registroEventos.descripcion;
                  arrayEventos[i].start = registroEventos.desde;
                  arrayEventos[i].end = registroEventos.hasta;
                  arrayEventos[i].tipo = registroEventos.tbTipoEventoIdEvento;
                  arrayEventos[i].tip = registroEventos.comentario;
                  arrayEventos[i].profesional = registroEventos.idProfesional;
              });
            }
    });
    $.getJSON(contextPath + "/profesionalesReferente.action?", 
              {
                referente: idProfesional
              }, 
              function(data){            
                      $.each(data, function(i, profesional){
                            mes = 0;
                            var contenido0 = "<tr><td></td>";
                            for(var k = 0; k<listaMeses.length; k++) {
                                contenido0 += "<td colspan='"+listaDias[k]+"'>"+listaMeses[k]+"</td>";
                            }
                            $("#tablaResultadoCalendario").append(contenido0);
                            
                            var contenido1 = "<tr><td>"+profesional.apellido1+" "+profesional.apellido2+", "+profesional.nombre+"</td>";
                            contador = 0;
                            for(var j = 0; j<totalDias; j++) {
                                if(contador == listaDias[mes]){
                                    contador = 0;
                                    mes++;
                                }
                                var mesReal = mes + 1;
                                var dia = contador + 1;
                                var idEvento = profesional.idProfesional+"-"+ano+"-"+mesReal+"-"+dia;
                                contenido1 += "<td id='"+idEvento+"' onClick='javascript:nuevoEvento(this.id)'>"+dia+"</td>";
                                cargarDatosCalendario(idEvento, arrayEventos);
                                contador++;
                            }
                            contenido1 += "<tr/>";
                            $("#tablaResultadoCalendario").append(contenido1);
                            profesional++;
                      });             
            }
    );  
}
 
function cargarDatosCalendario(idEvento, arrayEventos){
    var elem = idEvento.split('-');
    var profesional = elem[0];
    var dia = elem[3];
    var mes = elem[2];
    var ano = elem[1];
    if(dia<10){
        dia = "0"+dia; 
    }
    if(mes<10){
        mes = "0"+mes;
    }
    var fecha = ano+"-"+mes+"-"+dia+" 00:00:00";
    
    for(var i = 0; i<arrayEventos.length; i++){
        if(arrayEventos[i].profesional == profesional){
            if(arrayEventos[i].start == fecha){
                evento = true;
            }
            if(evento){
                var tipo = arrayEventos[i].tipo;
                tipo = tipoEventoColor(tipo);
                idEvento = "'"+idEvento+"'";
                var celda = document.getElementById(idEvento);//.setAttribute("bgColor", tipo);
                //llamar a la funcion de colores y pintar lo que sea
            }
            if(arrayEventos[i].end == fecha){
                evento = false;
            }
        }
    }
}
 

y el código fuente

[tunait]

Movemos el tema al foro de javascript ;)