Ver Mensaje Individual
  #5 (permalink)  
Antiguo 21/04/2013, 17:46
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 8 meses
Puntos: 1567
Respuesta: getAttribute me devuelve "null"

Cita:
Iniciado por cagumlou Ver Mensaje
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
  1. <!DOCTYPE html>
  2. <html lang="es-ar">
  3. <meta charset="utf-8" />
  4. <title>Html5</title>
  5.  
  6. <style type="text/css">
  7. /*<![CDATA[*/
  8.  
  9. p#paragraf{
  10. float: right;
  11. }
  12.  
  13. /*]]>*/
  14. <script type="text/javascript">
  15. //<![CDATA[
  16. function prova () {
  17. var d = document.getElementById("paragraf");
  18. var e = d.getAttribute('cssFloat');// este atributo NO existe
  19. var co = document.getElementById("paragraf").style.color; //
  20. var cs = window.getComputedStyle(d,null).getPropertyValue("float");
  21. alert (e); // atributo
  22. alert(co); // como propiedad float
  23. alert(cs); // estilo desde el css
  24. }
  25. //]]>
  26. </head>
  27. <body onload="prova();">
  28. <p id="paragraf" style="color: red;">AAA</p>
  29. </body>
  30. </html>

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.