Estou criando para fazer uma busca em uma tabela Bootstrap de acordo com oque o usuário seleciona em um select. Para isso eu estou colocando uma classe com o valor igual o do valor da `<option>` do `select`.

Estou usando apenas o TypeScript. **SEM JQUERY**.

E estou tentando fazer com um `switch`, mas está dando erro. Minha função está da seguinte forma:

    function mudarPesquisaSelect() {
        var tr = document.getElementById('tbody').getElementsByTagName('tr');
        var valorSelect = (<HTMLInputElement>document.getElementById("grupo"));
    
        switch (valorSelect.value) {
    
            case "P":
                for (var ab = 0; ab < (tr.length - 1); ab++) {
                    if (tr.classList.contains('P')) {
                        tr[ab].style.display = "";
                    } else {
                        tr[ab].style.display = "none";
                    }
                }
            break;
    
            default:
        }
    }

Mas está dando um erro neste trecho:

    if (tr.classList.contains('P')) {

No erro está escrito o seguinte:

> Property 'classlist' does not exist on type
> 'HTMLCollectionOf < HTMLTableRowElement>'


E oque eu estou tentando fazer é verificar se a `<tr>` contém a classe "P", no caso. Alguém aí com mais conhecimento poderia me dar uma ajuda com opções que eu tenho para contornar este erro?