javascript - (TS)HTMLInputElement 类型上不存在属性行

标签 javascript angular html typescript

嗨,我是 Angular 和类型脚本的新手。我需要检查表格是否为空,并根据需要隐藏或显示 div。我试过了,

var rows = document.getElementById('associatedEmailsTable'))rows;
var rows =(<HTMLInputElement>document.getElementById('associatedEmailsTable')).rows;

但两者都给出相同的结果,请帮助我。

请建议我如何使用 javascript 查找表 tr 中是否有任何值。

我的 HTML 代码是

   <table class="table table-sm table-hover" id="associatedEmailsTable" style="display:none">
       <tr>
            <th>
              Email
            </th>
            <th>
              Action
            </th>
          </tr>
          <tr *ngFor="let oEmailAddress of this.associatedEmailAddresses">
            <td>{{oEmailAddress.email}}</td>

          </tr>
        </table>

最佳答案

问题正是错误所说的“HTMLInputElemet 类型上不存在属性行”。

假设您有 <table id="associatedEmailsTable">...那么你拥有的是 HTMLTableElement 。 所以:

var rows = (document.getElementById('associatedEmailsTable') as HTMLTableElement).rows;

关于javascript - (TS)HTMLInputElement 类型上不存在属性行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51016858/

相关文章:

javascript - 音频同步,每1/44.1毫秒调用一次函数

javascript - JQuery AJAX 检索对象数组

javascript - Angular JS 2.0 基于用户输入切换样式表

css - 在运行时设置 Angular 应用程序的样式

jquery - 在背景图像上添加文本时创建的空白

javascript - 如何同步两个重叠的 JavaScript onclick 事件

javascript - 创建行为类似于 CombineLatest 但仅发出刚刚触发的源的值的 Observable

javascript - 从 typescript 将值作为空字符串传递给 WEb API

javascript - 单击 href 时防止打开新页面

html - 表格形式控件 HTML css