web-dev-qa-db-ja.com

event.targetから子要素を取得します

_event.target_は、アクションが実行されたDOM要素を返します。出力から特定の子要素を取得するにはどうすればよいですか？

私のフォームは次のとおりです（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>
_

関数を起動します：

_onSubmit(event) {
    console.log(event.target);
}
_

フォーム全体を出力します。 onSubmit()関数のinput要素にアクセスする必要があります。

javascripthtmlangulardom
8
mikebrsv

documentElement.querySelector()メソッドを使用できます。

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

}

有効なCSSクエリを使用して、必要な要素を取得できます

11
Chirag Ravindra