如何获取一个元素的类列表到另一个元素答案

【问题标题】：How to get the class list of one element to another element如何获取一个元素的类列表到另一个元素
【发布时间】：2019-02-06 19:39:41
【问题描述】：

我有一个输入字段，如果输入被访问，那么我将一个类添加到它的列表中，并且我有一个元素，当输入的类列表包含访问时我需要显示跨度元素

我在组件中尝试过它正在工作，但我想知道我是否只能在 HTML 上实现这一点？

<input #cardHolder placeholder="Cardholder name"  id="card-holder-name"
       [(ngModel)]="accountHolderName"
       [class.error]="!validateAccountHolder()"
       (blur)="cardHolder.classList.add('visited')" aria-label="cardholder name">

在组件中，我有函数 validateAccountHolder() 检查长度

<span *ngIf="validateAccountHolder() && cardHolder.classList.contains('visited')"></span>

我希望在访问输入元素的类时显示 span 元素。或者请让我知道在组件文件中没有繁重逻辑的最简单的解决方案是什么

【问题讨论】：

使用模板变量stackblitz.com/edit/…访问classList属性没有问题

标签： angular

【解决方案1】：

如果你想获取输入的所有类

var classList = document.getElementById('inputID').className.split(/\s+/);
for (var i = 0; i < classList.length; i++) {
    if (classList[i] === 'yourclass ') {
        //do whatever you want
    }
}

希望对你有帮助

【讨论】：