Quer seu anúncio aqui ? Temos preços especiais.

08/07/2017

Como ocultar ou mostrar um conteúdo na hora que um elemento for clicado

Nenhum comentário :




Para uma melhor experiência dos usuários é necessário a interatividade promovida pelo JavaScript, e para disparar uma ação quando um objeto é clicado usa-se a função onclick. O onclick assim como qualquer outro evento DOM pode disparar uma function ou disparar o código que está como como valor de seu atributo, você pode ocultar um elemento quando outro é clicado usando um código como o disponibilizado abaixo, para mostrar:

onclick='document.getElementById('id_mostrar').style.display = 'block';

OU

onclick='funcao()';

<script>
 function funcao() {
  document.getElementById('id_mostrar').style.display = 'block';
 }
</script>


Ou para ocultar:



onclick='document.getElementById('id_ocultar').style.display = 'none';

OU

onclick='funcao()';

<script>
 function funcao() {
  document.getElementById('id_ocultar').style.display = 'none';
 }
</script>

Dúvidas ? Deixe nos comentários.

Nenhum comentário :

Postar um comentário

Ao acessar e comentar em nossos serviços você concorda com a nossas Politicas de privacidade, com nossos Termos de Uso e com a nossas Políticas de segurança