Foros del Web - Ver Mensaje Individual - AddEventListener Problema al intentar capturar su Id

emprear · #10 (**permalink**) 25/02/2013, 08:53

En referencia a tu objetivo

Código:

<div onmouseover="this.style.opacity = 1"> </div>

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<title>addEvent + variable</title>
 
<style>
td{
cursor: pointer;
}
div#uno{
background: #000;
opacity: .5;
width:100px;
height:100px;
}
</style>
<script>
// cambia opacidad
function cambiaOpc(elem,v) {
elem.style.opacity = v;  
}
  
// agregar Evento 
window.onload = function(){
  var el = document.getElementById("uno");
  el.addEventListener("mouseover", function(){cambiaOpc(el,'1')}, false); // pasas el objeto como parámetro a la función
}
</script>
 </head>
<body>
  <div id="uno"></div>
</body>
</html>

o bien le ponés un id al div, ó lo identificas de alguna otra manera,

Código:

document.getElementsByTagName('div')[0];

por ejemplo

Saludos