Autor Tema: JavaScript acceso por getElementsByTagName desde enlace firstChild.nextSibling (Leído 2935 veces)

Adum · « **en:** 27 de Mayo 2017, 02:30 »

Hola amigos, necesito ayuda para poder acceder a unos elementos con javascript

<div class="contenedor1">
					<?php  
						for ($i=1; $i <= 10 ; $i++) { 
							$ids= "miId".$i;
							echo "<a href='#'>";			
							echo "<div id='".$ids."'></div>";
							echo "</a>";					
						}
					?>	
</div>

Lo que necesito es acceder desde "a" por getElementsByTagName, a el primer nodo hijo que seria un div, y a ese div obtener el id. Es posible obtener el id desde un enlace a

pedro,, · « **Respuesta #1 en:** 27 de Mayo 2017, 18:48 »

Hola Adum.

Si se podría, pero sería mejor que pegases el código, por lo menos del html en la parte que quieres acceder a dicho nodo y desde donde quieres acceder a el.

Saludos.

Adum · « **Respuesta #2 en:** 28 de Mayo 2017, 04:44 »

Aquí está el código:

Código: [Seleccionar]

<div id="contenido"  class="contenedor1">
					<?php  
						for ($i=1; $i <= 10 ; $i++) { 
							$ids= "miId".$i;
							echo "<a href='#'>";			
							echo "<div id='".$ids."'></div>";
							echo "</a>";					
						}
					?>	
</div>

Desde contenido hasta los div, obtener los id al pulsar uno de ellos con javascript

pedro,, · « **Respuesta #3 en:** 29 de Mayo 2017, 17:52 »

Buenas. Prueba con esto a ver si te vale.

Código: [Seleccionar]

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"  />
    <title>Prueba</title>
    <script type="text/javascript">
        
        window.onload = function() {

            var elementosA = document.getElementsByTagName('a');
            for(var i = 0; i < elementosA.length; i++) {
                elementosA[i].addEventListener('click', cambia);
            }

            function cambia() {
                this.firstChild.nextSibling.style.border = "solid 1px blue";
                document.getElementById('resultado').innerHTML = 'Has pulsado el div que tiene id: '
                    + this.firstChild.nextSibling.id;
            }
        }
    </script>
</head>
<body>
    <div class="contenedor">
        <a href="#">
            <div id="div1">Este es el div 1</div>
        </a>
        <a href="#">
            <div id="div2">Este es el div 2</div>
        </a>
        <a href="#">
            <div id="div3">Este es el div 3</div>
        </a>
        <a href="#">
            <div id="div4">Este es el div 4</div>
        </a>
        <a href="#">
            <div id="div5">Este es el div 5</div>
        </a>
        <a href="#">
            <div id="div6">Este es el div 6</div>
        </a>
        <a href="#">
            <div id="div7">Este es el div 7</div>
        </a>
        <a href="#">
            <div id="div8">Este es el div 8</div>
        </a>
        <a href="#">
            <div id="div9">Este es el div 9</div>
        </a>
        <a href="#">
            <div id="div10">Este es el div 10</div>
        </a>
    </div>

    <div id="resultado"></div>
</body>
</html>

Saludos.

Adum · « **Respuesta #4 en:** 01 de Junio 2017, 05:37 »

Gracias me ha resultado

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias:

Autor Tema: JavaScript acceso por getElementsByTagName desde enlace firstChild.nextSibling (Leído 2935 veces)

Adum

JavaScript acceso por getElementsByTagName desde enlace firstChild.nextSibling

pedro,,

Re:Acceso por getElementsByTagName desde enlace

Adum

Re:Acceso por getElementsByTagName desde enlace

pedro,,

Re:Acceso por getElementsByTagName desde enlace

Adum

Re:Acceso por getElementsByTagName desde enlace

Preguntas y respuestas