วิธี unhide ที่ถูกซ่อนไว้แบบ html<p>ป้ายกำกับธาตุการใช้จาวาสคริปต์?

คุณสามารถใช้ 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>

คุณซ่อนของอีลีเมนต์กับแอททริบิวต์ hidden ดังนั้นคุณต้องการเพื่อควบคุมนั่นแอททริบิวต์แทนที่จะเป็นรูปแบบเหมือน:

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>

อ้างอิง:

• ซ่อนไว้

ลองกับเรื่องนี้

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

คุณสามารถลบแอททริบิวต์"ซ่อนไว้".

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

ฉันมีหลายวิธีแก้ไข:

เป็

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

ที่ซ่อนอยู่ไม่ใช่ของ css มองเห็นได้:ซ่อน; ทรัพย์สิ.

มันคือแอททริบิวต์.

บี

เป็น@tacoshi นเคยพูดถึง

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

และใช้

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