Javascript 如何在不增加页面高度的情况下生成html元素

我正在处理一个有多个页面要显示的网页

<div class='tab'>
    <div class='page'>...</div>
    ...
    <div class='page'>...</div>
</div>

...
...
...

但是网页的高度远远超过了显示的1页的长度。恐怕是我为每个页面生成了所有元素，然后隐藏了不属于第1页的元素。但我不知道如何在不增加页面高度的情况下做到这一点

---

有人能帮我吗？

从

style=“display:none”

开始，然后根据需要将其更改为

style=“display:block”

从

style=“display:none”

开始，然后根据需要将其更改为

style=“display:block”

您需要应用style=“display:none”添加到要隐藏的元素

下面的代码将隐藏div class='tab'元素中的“所有”底层页面

<div class='tab' style="display:none">
<div class='page'>...</div>
...
<div class='page'>...</div>
</div>

...
...
...

下面的代码将隐藏您为其指定的每个页面style='display:none'

<div class='tab'>
<div class='page' style="display:none">...</div> <!-- This page *only* will be hidden -->
...
<div class='page'>...</div> <!-- This page is still visible -->
</div>

... 
...
... 

每当您希望元素再次可见时，只需将“显示：无”更改为“显示：块”。

您需要对要隐藏的元素应用style=“显示：无”

下面的代码将隐藏div class='tab'元素中的“所有”底层页面

<div class='tab' style="display:none">
<div class='page'>...</div>
...
<div class='page'>...</div>
</div>

...
...
...

下面的代码将隐藏您为其指定的每个页面style='display:none'

<div class='tab'>
<div class='page' style="display:none">...</div> <!-- This page *only* will be hidden -->
...
<div class='page'>...</div> <!-- This page is still visible -->
</div>

... 
...
... 

---

每当您希望元素再次可见时，只需将“显示：无”更改为“显示：块”。

。。。隐藏元素的代码是什么？您使用的是

visibility:hidden

还是

display:none

？我们还能看到您的JavaScript吗？嗯。。。隐藏元素的代码是什么？您使用的是

visibility:hidden

还是

display:none

？我们还能看到您的JavaScript吗？