Javascript Girl
  1. Javascript Girl
  3. Javascript onclick obtient le div id?
Intereting Posts
Qu'est-ce que "function * ()" signifie dans nodejs? Ombrage variable en JavaScript TypeError: Router.use () nécessite une fonction middleware mais a obtenu un objet Conditions angulaires de JS-ng-repeat et loop Un cookie généré avec Javascript (ne pas envoyer l'en-tête par le serveur) est-il volé ou utilisé par un attaquant? HTML HTML Rich Text Box (IDE) Jqmath ne se charge pas correctement Classement par diagramme et combinaison du type de graphique Tri en JavaScript: chaque fonction de comparaison doit-elle avoir une déclaration "retour 0"? HTML: onload pour les éléments non-corps Plugin de validation Jquery – TypeError: $ (…) .validate n'est pas une fonction Définir getter sur l'objet de sorte que toutes les recherches de propriété indéfinies renvoient "" Comportement étrange de JavaScript dans Chrome Developer Tool Téléchargez le fichier texte au lieu d'ouvrir le navigateur Enregistrez mes données de cookie sur la base de données MySQL?

Javascript onclick obtient le div id?

Est-il possible d'obtenir les ids des 2 tags div en cliquant sur le bouton, en utilisant javascript? 

<div id="main"> <div id="content"> </div> <button onclick="function();">show it</button> </div>

J'ai deux étiquettes div ici. La 1ère div est dans la division principale tandis que le div de contenu se trouve dans la division principale et le bouton se trouve dans la division principale aussi.

Est-il possible d'obtenir l'ID principal et le contenu des 2 balises div en cliquant sur le bouton?

SORTIE ATTENDU quand j'appuie sur le bouton: 

 alert: main alert: content

Vous devez passer l'élément à la fonction. Ensuite, vous pouvez utiliser parentNode pour obtenir le DIV qui contient le bouton. De là, vous pouvez utiliser querySelector pour trouver le premier DIV dans le parent. 

 function showIt(element) { var parent = element.parentNode; alert(parent.id); var content = parent.querySelector("div"); alert(content.id); } 
 <div id="main"> <div id="content"> </div> <button onclick="showIt(this);">show it</button> </div> <div id="main2"> <div id="content2"> </div> <button onclick="showIt(this);">show it</button> </div> <div id="main3"> <div id="content3"> </div> <button onclick="showIt(this);">show it</button> </div>

Cela devrait fonctionner dans tous les navigateurs et utilise la méthode .id plus .id . 

 var button = document.getElementById('button'); button.onclick = getIDs; function getIDs(){ var id,divs = document.getElementsByTagName('div'); for (var i = 0; i < divs.length; i++) { id = divs[i].id // .id is a method alert(id); } } 
 <div id="main"> <div id="content"></div> <button id="button">show it</button> </div> 
 document.getElementById('button').onclick = function () { var divs = document.querySelectorAll('div'); for (var i = 0; i < divs.length; i++) { var id = divs[i].getAttribute('id'); alert(id); } };

http://jsfiddle.net/jm5okh69/1/