Cum pentru a afișa o ascunse html <p> tag-ul element folosind JavaScript?

Puteți utiliza removeAttribute

document.getElementById("button").removeAttribute('hidden')

<p hidden id="button">
  <a id="dashboard-btn" 
     href="www.google.com" 
     target="_blank" 
     rel="noopener noreferrer">
      www.google.com
    </a>
</p>

Ai ascunde element cu atribut hidden deci, ai nevoie pentru a controla acest atribut în loc de stil, cum ar fi:

document.getElementById("button").hidden = false; 

<p hidden id="button">
    <a id="dashboard-btn" href="www.google.com" target="_blank" rel="noopener noreferrer">
      www.google.com
    </a>
</p>

Referință:

• ascunse

Incearca cu asta

document.getElementById("button").removeAttribute("hidden")

Puteți elimina atributul "ascuns".

document.getElementById("button").removeAttribute("hidden")

Am mai multe solutii:

O

document.getElementById("button").hidden = "false";

La fel de ascuns nu este un css visibility : hidden; proprietate.

Acesta este un atribut.

B

Ca @tacoshi menționat,

.hidden {
  opacity: 0;
  transition: opaicty 1s ease;
  /* use opacity in case you want to have a beautiful transition */
}

Și de a folosi doar

document.getElementById("button").classList.toggle("hidden")