javascript - 传递对 Dom 元素的引用

Question

          <div class="row">
            <div class="text" #radioButtonWrapper id="radioButtonWrapper" style="display:inline-block;">Płeć</div>
            <div class="data">
              <div id="genderSection" style="display:inline-block;">
                <radiobutton [(model)]="gender" name="plec" value="Female" (modelChange)="reciveRadioButtonVal($event, radioButtonWrapper)" required>Kobieta</radiobutton>
                <radiobutton [(model)]="gender" name="plec" value="Male" (modelChange)="reciveRadioButtonVal($event, radioButtonWrapper)" required>Mężczyzna</radiobutton>
              </div>
            </div>
          </div>

 reciveRadioButtonVal($event, radiobutton) {
    console.log(radiobutton);
    console.log(radiobutton.nativeElement);
}

首先console.log()显示

<div _ngcontent-c3="" class="text" id="radioButtonWrapper" style="display:inline-block;">Płeć</div>

第二个console.log()显示未定义

我的问题是如何获取此元素的 id

Answer 1

您应该能够访问以红色显示的属性，就像它们是 javascript 对象属性一样，因此在本例中console.log(radiobutton.id) 应该可以解决问题