Comment afficher un caché html <p> l'élément d'étiquette à l'aide de JavaScript?

Vous pouvez utiliser 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>

Vous cachez votre élément avec l'attribut hidden si vous avez besoin de contrôler que l'attribut au lieu de style, comme:

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>

Référence:

• caché

Essayez avec cette

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

Vous pouvez supprimer l'attribut "caché".

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

J'ai plusieurs solutions:

Un

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

Caché n'est pas un css visibility : hidden; de propriété.

C'est un attribut.

B

Comme @tacoshi mentionné,

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

Et il suffit d'utiliser

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