Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: 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 ???
-
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. ;D
-
Aquí está el código:
<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
-
Buenas. Prueba con esto a ver si te vale.
<!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. ;D
-
Gracias me ha resultado ;)