how to detect html element in typescript

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

Are you trying to get "Custom Range " element something like `document.getElement` in Typescript ? — Piyush Jain, Jan 13 '22 at 08:33
you can get an element using `document.getElement*` if it's visible in the dev panel. — Sonu Bamniya, Jan 13 '22 at 08:40
Are you expecting something like this - `const htmlEle = document.querySelector('.ranges ul li[data-range-key="Custom Range"]') as HTMLElement;` — Piyush Jain, Jan 13 '22 at 08:43

score 0 · Answer 1 · answered Jan 13 '22 at 09:23

0

I solved the problem in this way

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

answered Jan 13 '22 at 09:23

Agata

362
3
13

how to detect html element in typescript

1 Answers1