[SOLUCIONADO] getAttribute me devuelve "null"

cagumlou · #1 (**permalink**) 21/04/2013, 14:02

Seguramente es una pregunta muy básica pero estoy empezando con js.

Esta función me devuelve "null", y sin embargo en el CSS tengo definido float: left

function prova () {
var d = document.getElementById("paragraf");
var e = d.getAttribute('cssFloat');
alert (e);
}

Quiero conocer el valor de un atributo para posteriormente cambiarlo con setAttribute

Puede alguien darme una pista sobre ello.

Gracias de antemano.

caricatos · #2 (**permalink**) 21/04/2013, 15:31

Hola:

Atributos y estilos son dos cosas distintas...

float es un estilo, así que deberías usar algo así...

var e = d.style.cssFloat;

Saludos

cagumlou · #3 (**permalink**) 21/04/2013, 16:16

Gracias caricatos, pero en este caso me devuelve una cadena vacia.

caricatos · #4 (**permalink**) 21/04/2013, 16:40

Hola:

Es que el estilo existe pero no lleva ningún valor... null es que no existe.

Saludos

emprear · #5 (**permalink**) 21/04/2013, 17:46

Cita:

Iniciado por cagumlou

Seguramente es una pregunta muy básica pero estoy empezando con js.

Esta función me devuelve "null", y sin embargo en el CSS tengo definido float: left

function prova () {
var d = document.getElementById("paragraf");
var e = d.getAttribute('cssFloat');
alert (e);
}

Quiero conocer el valor de un atributo para posteriormente cambiarlo con setAttribute

Puede alguien darme una pista sobre ello.

Gracias de antemano.

pensá un poco en los atributos de un elemento.
<p title="sss" class="xxx" id="www" lang="es" style="float: left, color: red">ddd</p>
existe un atributo style, pero no un atributo float.

mirá este ejemplo

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
 
<style type="text/css">
/*<![CDATA[*/
 
p#paragraf{
float: right;
}
 
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
function prova () {
 var d = document.getElementById("paragraf");
 var e = d.getAttribute('cssFloat');// este atributo NO existe
 var co = document.getElementById("paragraf").style.color; //
 var cs = window.getComputedStyle(d,null).getPropertyValue("float");
 alert (e); // atributo
 alert(co); // como propiedad float
 alert(cs); // estilo desde el css
 }
//]]>
</script>
</head>
<body onload="prova();">
<p id="paragraf" style="color: red;">AAA</p>
</body>
</html>

Saludos

cagumlou · #6 (**permalink**) 23/04/2013, 17:49

Muchas gracias empear.

Entendí que float no es un atributo.

Y ademas que el método computedStyle del objeto windows es el apropiado para este proposito, pues nos devuelve el valor realmente computado en el objeto windows de la propiedad consultada.

El ejemplo ha sido muy clarificador. Gracias.