problema al tomar valor en funcion con getElementById

[freedert]

Buenas a todos, estoy iniciandome en el mundo de javascript y tengo un problema.

tengo una funcion que recibe un valor numerico al ejecutarse y la quiero usar de la siguiente manera:

Código:

function mostrar(texto){
		
	

		
		if(document.getElementById(texto).innerHTML == '<img src="img/icons/stop.png">'){
			document.getElementById(texto).innerHTML = '<img src="img/icons/accept.png">';
		}else{
			document.getElementById(texto).innerHTML = '<img src="img/icons/stop.png">';
		}
		
		
		
		
}

creo que se entiende, este simpel codigo cambia la imagen que esta en este div segun lo recibido en el valor texto, este valor es el ID del div de una tabla generada dinamicamente con php en el html del site.

si yo uso document.getElementById(2).innerHTM, funciona sin problemas editando el icono del ID "2", pero al usarlo con la variable "texto" me da :
document.getElementById(texto) is null

puedo usar texto para lo que quiera MENOS en ese get ya que me devuelve null (sin embargo en el html el div tiene como ID el numero correcto.

alguien me podria indicar que es lo que no estoy entendiendo, porque no puedo usar "texto" como referencia de ese valor??

gracias!

[Maganius]

Antes del IF pon:

alert(texto);

y coloca el resultado para que te podamos ayudar

[freedert]

bien, al colocar alert(texto); , me devuelve el valor "1" sin comillas.

este valor es devuelto por una consulta ajax a un archivo php, este devuelve el numero id del usuario en cuestion.

ese numero id es el que quiero coincidir con el div para saber en que posicion de la tabla de usuarios se encuentra la imagen que quiero actualizar y no se mescle con las otras.

basicamente lo que quiero es ccambiar un icono de "activo/inactivo" que cambia un valor por ajax en una DB mysql. Es icono tiene que cambiarse por el de "activo/inactivo" con respecto al valor anterior que tenia, ya que si lo clickeas se cambia al valor opuesto y deberia cambiar ese icono.

Pero estoy bloqueado por ese error, no consigo entender porque el if no me toma el valor del id si lo llamo desde "texto".

[Maganius]

Prueba de esta forma.

Código Javascript:

function mostrar(texto){
        
    
 
        
        if(document.getElementById(texto) == 1){
            document.getElementById(texto).innerHTML = '<img src="img/icons/accept.png">';
        }else{
            document.getElementById(texto).innerHTML = '<img src="img/icons/stop.png">';
        }
        
        
        
        
}
 

[freedert]

da: document.getElementById(texto) is null

marca el error en la linea del else aca:
document.getElementById(texto).innerHTML = '<img src="img/icons/stop.png">';

[freedert]

Ohhhh siii victoriaaa!!! ya encontre el error XD

dios que manera de quemarme el marote por esta pavada. te paso a comentar, el problema fue que al mandar la funcion al ajax esta lo devuelve con un "espacio" en blanco detras del numero id, por eso el if no encontraba el div, porque no habia ningun div con un espacio en blanco :S

ya lop pude corregir, me di cuenta cuando probe de esta menra:
alert('x' + texto + 'x');
y comprobar que hay espacios en blancos al final de esa cadena que solo deberia tener un numero.

gracias Maganius por la ayuda!!!!
saludos. Diego.