如何检测打字稿中的html元素答案

【问题标题】：how to detect html element in typescript如何检测打字稿中的html元素
【发布时间】：2022-01-13 07:34:23
【问题描述】：

当没有这样的元素时，如何从 HTML 中检测元素，这是一个范围选择器，我想在 typescript 中检测自定义范围项

这是 HTML 代码

                  <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>

这是 HTML 代码，只有当我在浏览器上打开开发面板时才可见

【问题讨论】：

您是否尝试在 Typescript 中获取类似 document.getElement 的“自定义范围”元素？
如果元素在开发面板中可见，您可以使用document.getElement* 获取该元素。
您是否期待这样的事情 - const htmlEle = document.querySelector('.ranges ul li[data-range-key="Custom Range"]') as HTMLElement;
@PiyushJain 在控制台中给出 null
你必须在渲染 DOM 后运行它。

标签： javascript html angular typescript angular-daterangepicker

【解决方案1】：

我就是这样解决问题的

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

【讨论】：