CSS中的display屬性可以讓我們控制HTML元素的顯示方式，其常用值包括：

display: block;     //被視為塊級元素，獨占一行
display: inline;    //被視為行內元素，與其他行內元素并列顯示
display: none;      //隱藏元素

其中，display:none就是用來隱藏元素的屬性。但有時我們需要通過JS動態修改元素的顯示方式，該如何操作呢？

需要注意的是：display:none會隱藏元素，但不會占據頁面空間；如果需要占據空間并隱藏元素，可以考慮使用visibility:hidden。

接下來，我們通過JS代碼來動態修改元素的display屬性：

var element = document.getElementById("myElement");   //根據id獲取元素
element.style.display = "none";    //將元素隱藏

上面的代碼通過getElementById方法獲取了id為myElement的元素，然后將其display屬性修改為none，從而達到了隱藏元素的效果。

同理，我們也可以將元素的display屬性修改為其他值，實現元素的動態顯示效果：

element.style.display = "block";   //將元素顯示為塊級元素
element.style.display = "inline";  //將元素顯示為行內元素

通過上述代碼，我們可以方便地控制HTML元素的顯示方式，實現更加靈活多樣的頁面效果。