Java Script: Criando elementos html

Java Script: Criando elementos html

  3 de julho de 2018    henrique

---

     Para criar elementos html no js podemos utilizar o comando createElement(), por exemplo, caso queiramos adicionar uma nova linha à uma tabela, podemos utilizar

var linha = document.createElement("tr");

Criado o elemento linha precisaremos crias as colunas da tabela.

var coluna1 = document.createElement("td");

var coluna2 = document.createElement("td");

Após criadas as colunas devemos informar à qual linha aquelas colunas se destinam;

linha.appendChild(coluna1);

linha.appendChild(coluna2);

E utilizando a mesma lógica deverá adicionar a linha como pertencente à uma tabela.

var tabela = document.querySelector("#tabela");

tabela.appendChild(linha);