1
resposta

Utilizando Data-Attribute

Oi gente! Estou utilizando data-attributes, mas não sei como adicioná-los quando vou chamar a função montarTd. Por exemplo:

                <tbody id="tabela-pacientes" data-tabela>
                    <tr class="paciente" data-primeiro data-paciente>
                        <td class="info-nome" data-nome>Paulo</td>
                        <td class="info-peso" data-peso>1000</td>
                        <td class="info-altura" data-altura>2.00</td>
                        <td class="info-gordura" data-gordura>10</td>
                        <td class="info-imc" data-imc>0</td>
                    </tr>
                </tbody>

E a função:

function montarTd(dado, classe) {
    let td = document.createElement("td");
    td.textContent = dado;
    td.classList.add(classe);

    return td;
};

Como eu adiciono o data-attribute na minha td? Testei utilizando data-set, mas não consegui chegar no resultado que eu queria (não entendi muito bem).

1 resposta

Oi Natália,

Quando vc cria o elemento td virtualmente, voce consegue manipular ele através da API do javascript;

Nesse caso, se voce precisa adicionar um atributo no nó, adicione essa linha depois do document.createElement("td")

td.setAttribute("data-attribute",'')

Abraços e bons estudos