Obtener datos de otro elemento

#1 (**permalink**) 18/08/2017, 11:49

Hola a todos, una duda tengo esto:

Código Javascript:

Ver original<div>
    <div id="elemento">Hola</div>
    <div>Adios</div>
</div>

Hay alguna manera de capturar el div adios mediante el div id elemento, con alguna funcion gatillada por oncliick?

Eso, espero puedan ayudarme

emilio_viguri · #2 (**permalink**) 18/08/2017, 13:42

Esto se ayudara ? espro sea lo que quieres !

Código HTML:

Ver original<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
</head>
<script language="javascript" type="text/javascript">
function alvaro(x) {
    if(x == 1) document.getElementById('uno').innerHTML = 'Hola 1 se pone al hacer clic';
    
    if(x == 2) document.getElementById('dos').innerHTML = 'Adios 2 se pone al hacer clic';
}
</script>
 
<body>
<a href="#" onClick="alvaro(1);"> Modifica 1</a>
<a href="#" onClick="alvaro(2);"> Modifica 2</a>
 
<div>
    <div id="uno">Hola</div>
    <div id="dos">Adios</div>
</div>
</body>
</html>

Alexis88 · #3 (**permalink**) 18/08/2017, 14:23

Utiliza el método .nextElementSibling():

Código Javascript:

Ver originaldocument.addEventListener("DOMContentLoaded", function(){
    this.querySelector("#elemento").addEventListener("click", function(){
        var div = this.nextElementSibling; //Al darle un clic al <div id="elemento">, se capturará al <div> que se encuentra debajo de este
    }, false);
});