使用 Angular 查找兄弟元素的类名答案

【问题标题】：Finding the class name of a sibling element using Angular使用 Angular 查找兄弟元素的类名
【发布时间】：2019-08-29 19:49:08
【问题描述】：

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

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

【问题讨论】：

标签： angular angular-material angular7 angular8 angular-datatables

【解决方案1】：

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

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

【讨论】：

感谢您的快速回复@possum_pendulum，但问题是我无法使用JS。
@BeatrizIC “知道 sibling 元素的类名”是什么意思？使用您尝试使用的任何 Angular TS 代码编辑您的帖子，以便我们可以从某个地方开始。