variables es Null

piretrus · #1 (**permalink**) 21/07/2008, 12:22

Hola buenas noches, tengo esta funcion:

Código:

<script language="Javascript">
<!--

function resaltar(){
document.getElementById('1').style.backgroundColor ="#8080ff";
}
resaltar();
//-->
</script>

Para que me pinte este div:
<div align="center" id="1"></div>

Pero la consola del Firefox me dice:
document.getElementById("1") is null

¿Que hago mal?

Muchas gracias

marcopoloaz06 · #2 (**permalink**) 21/07/2008, 13:09

Hola,
eso es
porque tienes
que poner la funcion
cuando ya este cargada
totalmente toda la pag ....

Código HTML:

<script language="Javascript">
<!--

function resaltar(){
document.getElementById('1').style.backgroundColor ="#8080ff";
}

onload = function(){
resaltar();
};

//-->
</script>

SAludos
:]

piretrus · #3 (**permalink**) 21/07/2008, 15:51

Vaya que tonteria ;P, pues muchas gracias!!

derkenuke · #4 (**permalink**) 21/07/2008, 16:51

Hola piretrus:

El valor del atributo id no puede comenzar por número, debe comenzar por una letra.

Cita:

Iniciado por http://html.conclase.net/w3c/html401-es/types.html#type-name

Las palabras ID y NAME deben comenzar con una letra ([A-Za-z]) que puede estar seguida por un número cualquiera de letras, dígitos, ([0-9]), guiones ("-"), subguiones ("_"), dos puntos (":"), y puntos (".").

Saludos

piretrus · #5 (**permalink**) 22/07/2008, 13:31

Funciona con numero la id en eso no hay porblema, lo que pasa que llamaba la funcion antes de que se cargase el div y entonces no encontraba nada

derkenuke · #6 (**permalink**) 22/07/2008, 15:30

Bueno, que funcione o no en un navegador determinado no quiere decir que esté Bien o Mal la acción... sólo quería diferenciar ese punto.

Por ejemplo, mientras que esto valida:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-type" content="text/html;charset=iso-8859-1" />
<title>P&#225;gina nueva</title>
</head>

<body>

<div id="a"></div>

</body>
</html>

Si cambiamos el id por id="1", no validará:

Cita:

Iniciado por error

1. Error Line 11, Column 9: value of attribute "id" invalid: "1" cannot start a name.
<div id="1"></div>

It is possible that you violated the naming convention for this attribute. For example, id and name attributes must begin with a letter, not a digit.

No siempre podemos guiarnos por lo que funcione, sobre todo en IE.

Saludos