首页 > 解决方案 > 使用 Angular 查找兄弟元素的类名

问题描述

我需要知道我的角度材料数据表行的类名。行如下:

<tr class="scan-row mat-row ng-tns-c4-1 active ng-star-inserted scan-expanded-row">...</tr>
<tr class="scan-detail-row mat-row ng-tns-c4-1 ng-star-inserted">...</tr>
.
.
.

标签: angularangular-materialangular7angular8angular-datatables

解决方案


您提供了两个<tr>元素,其中每个元素只有一个识别因素——它们的类。如果您希望获取表格行的类名,您可以使用 vanilla JS 函数getElementsByTagName,它将返回所有表格行元素的数组,以及getAttribute,它将返回每个元素的类名。

var classes = document.getElementsByTagName("TR");
classes.foreach(function(item, index) {
    let className = item.getAttribute("class");
    // do something with className
})

推荐阅读