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

我从以下website复制了此代码（这是注释前的最后一个示例）

我有一个网页，该网页的链接会在页面上show/hide隐藏文本。一切都很好地发挥了功能，但是隐藏的文本开始于页面加载时可见。我需要在脚本中进行哪些更改，使其以隐藏状态开始。我为命名约定表示歉意，而不是最好的...

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>

最佳答案

在div中的html分配样式显示中：没有一个像这样。

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

关于javascript - 使用Javascript将HTML页面中的默认可见性从可见更改为隐藏，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36901834/