隨著 JavaScript 在 Web 開發中的重要性不斷增加，隱藏和顯示 HTML 元素成為了一項非常重要的技術。在制作 Web 頁面時，我們經常需要使用 JavaScript 來動態地隱藏或者顯示某些元素，進而實現更加友好并且易用的頁面交互。
使用 JavaScript 來隱藏或者顯示元素，其中最常用的方法就是操作 DOM 中的 style 屬性。通過 style 屬性，我們可以非常方便地改變元素的顯示或者隱藏狀態。例如：

<div id="my_element">
<p>這里是一個要隱藏的元素</p>
</div>

如果需要在 JavaScript 中隱藏該元素，代碼如下：

document.getElementById('my_element').style.display = 'none';

以上代碼將把 id 為 my_element 的元素的 display 屬性設置為 none，這樣該元素就會被隱藏起來。
當然，同樣的方法也可以被用于顯示元素。如果需要在 JavaScript 中顯示該元素，我們只需要把 display 屬性設置為其默認值，也就是 block。代碼如下：

document.getElementById('my_element').style.display = 'block';

當然，除了上述方法，JavaScript 中還有很多其他方法可以隱藏和顯示元素。例如，我們可以使用 opacity 屬性來改變元素的透明度，代碼如下：

document.getElementById('my_element').style.opacity = '0';

上述代碼將把 id 為 my_element 的元素的透明度設置為 0，這樣該元素就會完全透明，從而實現了隱藏效果。在需要顯示元素時，我們只需要把透明度設置回其默認值即可：

document.getElementById('my_element').style.opacity = '1';

另外，我們還可以使用 visibility 屬性來改變元素的可見性。雖然該屬性并不能完全隱藏元素，但是對于某些場景仍然非常有用。代碼如下：

document.getElementById('my_element').style.visibility = 'hidden';

上述代碼將把 id 為 my_element 的元素設置為不可見，但是該元素仍然會占據頁面空間。在需要顯示元素時，我們只需要把可見性設置為 visible 即可：

document.getElementById('my_element').style.visibility = 'visible';

綜上所述，JavaScript 中的隱藏和顯示元素的技術有很多種，而我們使用哪種方法取決于實際需求。不管使用哪種方法，都需要注意對用戶體驗的影響，讓 Web 頁面更加友好和易用。