0

preciso fazer uma border aparecer e sumir sempre que clicar. Nao posso usar jQuery nem eventlist. Sei que devo usar IF mas nao sei como. O que consigo ate agora eh clicar e fazer ela aparecer. Deve ser ao redor dos paragrafos. Agradeco ajuda

 var elements = document.getElementsByTagName("p");
for (var i = 0; i < elements.length; i++){
    elements[i].onclick=function(){
    this.style.border="dashed black 1px";

}

}

1
  • Ela deve sumir quando? Um determinado tempo depois de aparecer?
    – Woss
    Commented 6/10/2017 às 23:57

2 Respostas 2

0

É só verificar se o elemento possui a borda

if (this.style.border) {
    this.style.border="";
} else {
    this.style.border="dashed black 1px";
}

Exemplo

var elements = document.getElementsByTagName("p");
for (var i = 0; i < elements.length; i++){
    elements[i].onclick=function(){
      if (this.style.border) {
        this.style.border="";
      } else {
        this.style.border="dashed black 1px";
      }
    }

}
<p>Elemento</p>
<p>Elemento</p>
<p>Elemento</p>
<p>Elemento</p>
<p>Elemento</p>
<p>Elemento</p>
<p>Elemento</p>
<p>Elemento</p>
<p>Elemento</p>
<p>Elemento</p>
<p>Elemento</p>

2
  • Obrigada!!! Perfeito! Commented 7/10/2017 às 0:01
  • Mais recomendo usar a resposta do @Oeslei.
    – NoobSaibot
    Commented 7/10/2017 às 0:03
0

Utilize css para exibir a borda. Assim, basta utilizar o método toggle para adicionar / remover a classe responsável por adicionar a borda.

No JS:

this.classList.toggle('com-borda');

No CSS:

.com-borda {
    border: dashed black 1px;
}

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .