marmitech icon indicating copy to clipboard operation
marmitech copied to clipboard

funções para facilitar a criação e remoção de elementos html pelo javascript

Open joaolucas3002ht opened this issue 3 years ago • 0 comments

Funcões para a criação de elementos com vanilla js

CreateElement vai criar um elemento html com os segimtes argumentos 1 argumento: será o tipo do elementos, exemplo: div , a , section , article , h2 e etc 2 argumento: será o elemento pai que será adicionado o elemento criado com essa função 3 argumento: serve para adicionar um texto dentro do elemento 4 argumento: objeto com os Atributos há serem adicionados no elemento : {class:"w-3 h-2 ", id:"world" , type: 'search' e etc }

CreateElementNS vai criar elementos SVG

1 argumento: será o tipo do elementos, exemplo: svg , path e etc 2 argumento: será o elemento pai que será adicionado o elemento criado com essa função 3 argumento: objeto com os Atributos há serem adicionados no elemento : {'fill-rule': "evenodd", color:"#FFFFFF" , d: 'M263.71,340.36A91.36,91.36', fill:"#F0F0F0" e etc }

RemoveElement vai remover um elemento

1 argumento: o elemento pai do elemento que vai ser eliminado 2 argumento: atributo de identificação do elemento , exemplo : id , class e etc

exemplo de utilização das funções : https://github.com/joaolucas3002/21diasDeCodigoRocketseat/tree/main/desafio19/app

joaolucas3002ht avatar Oct 30 '22 21:10 joaolucas3002ht