web-dev-qa-db-fra.com

Récupère l'élément enfant de event.target

event.target Renvoie l'élément DOM sur lequel une action a été effectuée. Comment puis-je obtenir un élément enfant spécifique de la sortie?

Voici mon formulaire (avec Angular):

<form (ngSubmit)="onSubmit($event)" id="kekpek">
  <div class="form-group">
    <label>Example file input</label>
    <input type="file" class="form-control-file" #fileupload [(ngModel)]="myFile" name="myFile" (change)="fileChange($event)"/>
  </div>
  <button type="submit" class="btn btn-success">Submit</button>
</form>

Il déclenche la fonction:

onSubmit(event) {
    console.log(event.target);
}

Qui a sorti le formulaire entier. J'ai besoin d'accéder à l'élément input dans la fonction onSubmit().

8
mikebrsv

Vous pouvez utiliser la méthode documentElement.querySelector().

function onSubmit(event){
    console.log(event.target.querySelector('input'));

}

Vous pouvez utiliser n'importe quelle requête CSS valide pour obtenir l'élément dont vous avez besoin

11
Chirag Ravindra