Javascript Girl
  1. Javascript Girl
  3. Obtenir le premier nœud enfant de type spécifique – JavaScript
Intereting Posts
Détecter quand une nouvelle propriété est ajoutée à un objet Javascript? Retour jQuery dans la fonction remove () Erreur du transporteur utilisant PhantomJS Ajouter un élément à un tableau promis dans AngularJS Fenêtre contextuelle de fermeture après 3 secondes La toile html5 toDataURL renvoie l'image vierge Plugin redimensionnable Jquery, définissez minWidth en fonction du bord de traînée Iterating sur les répertoires avec Gulp? Onload de l'image pour les images statiques Tourner la texture de la sphère Three.js Comment fermer une boîte de dialogue modal jQuery UI en cliquant à l'extérieur de la zone couverte par la boîte? Quel est l'opérateur "double tilde" (~~) en JavaScript? Est-ce que "(function () {}) ()" et "(function () {} ())" sont fonctionnellement égales en JavaScript? Connexion Facebook javascript sdk ne fonctionne pas sur iOS / best practices for mobile Enregistrement d'une fonction avec la méthode jQuery data ()

Obtenir le premier nœud enfant de type spécifique – JavaScript

Est-il possible d'obtenir un élément secondaire enfant, qui sera le premier enfant d'un type spécifique.

Par exemple, dans ces deux exemples, je veux obtenir l'élément img : 

 <a id="mylink" href="#"><img src="myimage.jpg" /></a>

contre. 

 <a id="mylink" href="#"><span></span><img src="myimage.jpg" /></a>

Essaye ça 

 var firstIMG = document.getElementById('mylink').getElementsByTagName('img')[0];

Vous pouvez également utiliser querySelector : 

 var firstImg = document.querySelector("#mylink > img:first-of-type"); 
 var anchor = document.getElementById('mylink'); var images = anchor.getElementsByTagName('img'); var image = images.length ? images[0] : null;

Voici une fonction javascript 

 function getFirst(con,tag) { return con.getElementsByTagName(tag)[0]; } //html markup <a id="mylink" href="#"><img src="myimage.jpg" /></a> <a id="mylink1" href="#"><img src="myimage.jpg" /></a> //test var con=document.getElementById('mylink'); var first=getFirst(con,'img');