javascript - 使用 Javascript 将 HTML 页面中的默认可见性从可见更改为隐藏

Question

我从以下 website 复制了这段代码(这是评论前的最后一个例子)

我有一个带有链接的网页，该链接将在页面上显示/隐藏 隐藏文本。一切都在功能方面发挥了很好的作用，但是隐藏文本在页面加载时开始时是可见的。我需要在脚本中更改什么才能使其以隐藏状态开始。我为命名约定道歉，不是最好的...

JS :

function showonlyonev2(thechosenone) {
      var newboxes = document.getElementsByTagName("div");
      for(var x=0; x<newboxes.length; x++) {
            name = newboxes[x].getAttribute("class");
            if (name == 'newboxes-2') {
                  if (newboxes[x].id == thechosenone) {
                        if (newboxes[x].style.display == 'block') {
                              newboxes[x].style.display = 'none';
                        }
                        else {
                              newboxes[x].style.display = 'block';
                        }
                  }else {
                        newboxes[x].style.display = 'none';
                  }
            }
      }
}

HTML :

<li>
   <a id="myHeader1-2" href="javascript:showonlyonev2('newboxes1-2');"> John Doe</a>
</li>
<li>
   <a id="myHeader2-2" href="javascript:showonlyonev2('newboxes2-2');">Jane Doe</a>
</li>

<div class="newboxes-2" id="newboxes1-2">
   <p>Phone Number1</p>
</div>
<div class="newboxes-2" id="newboxes2-2">
   <p>Phone Number2</p>
</div>

Answer 1

在您的 html 分配样式显示的 div 中:没有这样的。

<div class="newboxes-n" style="display: none;">