<div id="test" onmouseover="working(this)"> <p>help</p> <p>me</p> </div> <div id="test" onmouseover="not_working(this)"> <p>help</p> <p>me</p> </div>Cuando uso la primera función (no funciona) no funciona, pero cuando uso la segunda función (funciona) sí.
function not_working(element){ document.getElementById(element).childNodes[1].innerHTML="succeed";} function working(element){ document.getElementById("test").childNodes[1].innerHTML="succeed";}Lo siento si me pierdo algo simple, todavía estoy aprendiendo html y solo tengo un conocimiento limitado sobre javascript.
this es una referencia al elemento a partir del cual se creó el evento (el div en su caso), pero getElementById toma una identificación ( "test" en su caso).
Además, el elemento flotante ya se está pasando en la función como element , por lo que puede hacer lo siguiente:
function working(element) { element.childNodes[1].innerHTML="succeed" }