0

Tenho a seguinte div que esta oculta:

  <div class="card" id="cnpj_erro" style="visibility:hidden">
       <div class="body">
            <div class="header bg-red">
                <h2>
                    CNPJ inválido <small>Confira os números</small>
                </h2>
            </div>
       </div>
  </div>

E a função:

<script>
        function verificarValidacaoCNPJ() {
            debugger;
            var valCNPJ = !document.getElementById("txCNPJ_cad_emp") ? "" : document.getElementById("txCNPJ_cad_emp").value;
            if (!validarCNPJ(valCNPJ)) {
                document.getElementById('cnpj_erro').setAttribute('style', 'visibility:visible');
            }
            else {
                document.getElementById('cnpj_erro').setAttribute('style', 'visibility:hidden');
            }
        }
    </script>

Ela está validando certo, sem problemas, porém não estou conseguindo trocar a atributo 'style', 'visibility' para que o mesmo seja exibido ou ocultado. Debungando quando ele entra na opção document.getElementById('cnpj_erro').setAttribute('style', 'visibility:visible');

retorna Return value: undefined

2
  • Já tentou utilizar document.getElementById('cnpj_erro').style.visibility = "visible"?
    – Woss
    7/06/2017 às 13:31
  • foi o primeiro que eu tentei, tambem tentei document.getElementById('cnpj_erro').visibility = "visible" 7/06/2017 às 13:32

1 Resposta 1

0

Como dito nos comentários, para você alterar uma propriedade do estilo de um elemento, basta fazer:

document.getElementById('cnpj_erro').style.visibility = "visible";

Veja o exemplo:

var visible = false;

function toggle() {
  if (!visible) {
    document.getElementById('cnpj_erro').style.visibility = 'visible';
    visible = true;
  } else {
    document.getElementById('cnpj_erro').style.visibility = 'hidden';
    visible = false;
  }
}
<div class="card" id="cnpj_erro" style="visibility:hidden">
  <div class="body">
    <div class="header bg-red">
      <h2>
        CNPJ inválido <small>Confira os números</small>
      </h2>
    </div>
  </div>
</div>

<button onclick="toggle()">Click</button>

Se você tentou fazer isso e não funcionou, você deve ter feito errado.

3
  • fiz exatamente da maneira que você colocou, copiei o seu código até, mas ainda não funciona, ele entra na função sem problema passa até pelo visible = true sem problemas, sei que devo estar fazendo algo errado, vou refazer tudo do inicio pra tentar ver o que é. 7/06/2017 às 14:02
  • Então monte um Exemplo Mínimo, Completo e Verificável de como está fazendo e coloque-o na pergunta. Deveria funcionar, como demonstrado.
    – Woss
    7/06/2017 às 14:04
  • foi vacilo meu, tinha um text com o mesmo id mais acima, devo ter colocado quando estava fazendo algum teste. Funcionou blz, obrigado! 7/06/2017 às 20:04

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 .