Question

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);
}

输出整个表格。我需要访问input函数中的onSubmit()元素。

Answer 1

您可以使用documentElement.querySelector()方法。

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

}

您可以使用任何有效的CSS查询来获取所需的元素

Answer 2

这应该有帮助

onSubmit(event) {
    console.log(event.target.firstChild.children[1]);
}

从event.target获取子元素

2 个答案: