如何检测 typescript 中的 html 元素

Question

How can I detect an element from the HTML when there is no such element, here is a range picker I want to detect the custom range item in typescript

this is the HTML code

                  <form action="" id="dates">
              <input   [class.show-calend]="showCalendar"  readonly="readonly"  id="range-picker" type="text" class="form-control inspection_date"
                     name="dateRange" placeholder="Add date"
                     [formControl]="dateRange" style="cursor: pointer"
                     daterangepicker (selectionDone)="onSelectionDone($event)"   [options]="rangeOptions" (cancelDaterangepicker)="cancel($event)" (selected)="selectedDate($event)"  (ngModelChange)="ngModelChange($event)" />
              </form>

this is the HTML code which is visible only when I open the dev panel on a browser

Answer 1

I solved the problem in this way

elementLi:any
this.elementLi = document.getElementsByTagName('li')[7];