어떻게 숨기기 숨겨진 html<p>태그를 사용하여 요소 JavaScript?

Question 1

나는 다음과 같은 숨겨진 <p> 요소의 몸에서 태그의 내 HTML 파일(한 크롬 확장).

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

고 싶어 숨기기를 이용 JavaScript. 나의 임의의 시도하지 못한 골:

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

[해결] 이(또는)일:

document.getElementById("button").style.display = "block";

Question 2

당신이 사용할 수 있습 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>

Question 3

당신이 숨기기 당신의 요소 속성 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>

참고:

숨겨진

Question 4

Try 이

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

Question 5

를 제거할 수 있습니다 특성이 있습니다.

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

Question 6

나는 여러 가지 솔루션:

A

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

으로 숨은 css visibility:hidden; 을 제공합니다.

그것은 특성이 있습니다.

B

로@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")

brk · Answer 1 · 2021-11-11T14:44:30