Qual framework JS me indicaria para criar objetos em Html dinamicamente?
Por exemplo: preciso criar um botão com classe "btn-exemplo" e que faz referência ao link do site do Google(ao clicar, abre o site). Porém, vou fazer isto apenas quando uma dada variável booleana for true. O algoritmo para inserir o elemento na árvore do DOM seria:
if ( variavelBooleana ) {
var botao = document.createElement('input')
botao.value = 'Google'
botao.class = 'btn-teste'
botao.onclick = function () { window.location.href = 'google.com' }
document.body.appendChild(botao)
}
Desconsidere erros porque o que eu realmente quero é fazer isto:
if ( variavelBooleana )
frameworkEspecificoQueFazIsto.addElemento('input',{class: 'btn-teste', value: 'Google', onclick: function () { window.location.href = 'google.com' } })
Espero que tenha compreendido e possa me ajudar. Desde já agradeço.
input
se o objetivo é criar um botão (e se é um link, deveria ser uma âncora,<a>
, não um botão), mas de qualquer forma, por que não apenas implementa essa função que você deseja ao invés de utilizar um framework? – Woss 27/03/19 às 13:36