JavaScript中的display屬性決定了一個元素是否可見。通過在CSS樣式中設置display屬性，可以控制元素在文檔中是否顯示以及如何顯示。display屬性的值可以是以下任何一個：

display: none; // 元素不可見
display: block; // 元素將顯示為塊級元素
display: inline; // 元素將顯示為行內元素
display: inline-block; // 元素將顯示為行內塊級元素
display: flex; // 元素將顯示為彈性盒子

例如，一個div可以使用以下CSS樣式來隱藏：

div {
display: none;
}

這樣的話，這個div在文檔中將不可見。

在有些時候，我們想要通過用戶的操作來顯示或隱藏某個元素。例如，當用戶點擊一個按鈕時，我們可以通過JavaScript來動態地更改這個元素的display屬性。以下是一個基本例子：

<div id="myDiv">這是一個div元素</div>
<button onclick="toggleDisplay()">點擊我</button>
<script>
function toggleDisplay() {
var div = document.getElementById("myDiv");
if (div.style.display === "none") {
div.style.display = "block";
} else {
div.style.display = "none";
}
}
</script>

上面的JavaScript代碼中，我們使用了getElementById來獲取ID為myDiv的元素。在toggleDisplay函數中，我們檢查如果這個元素的display屬性為"none"，則更改它的display為"block"來顯示這個元素。否則，我們將它的display設置為"none"，以此來隱藏這個元素。

除了以上方法，JS中還有一種比較常用來控制display屬性的方法是使用classList來添加/刪除CSS類。例如，我們可以創建一個CSS類來隱藏一個元素：

.hide {
display: none;
}

當我們想要隱藏某個元素時，我們可以通過在該元素上添加這個CSS類來達到與上例相同的效果。以下是一個這樣的例子：

<div id="myDiv">這是一個div元素</div>
<button onclick="toggleDisplay()">點擊我</button>
<script>
function toggleDisplay() {
var div = document.getElementById("myDiv");
div.classList.toggle("hide");
}
</script>

上面的JavaScript代碼中，我們使用了classList的toggle方法來添加/刪除CSS類。當這個元素沒有"hide"類時，調用toggle方法將把"hide"類添加到該元素上，從而隱藏它。當這個元素已經有"hide"類時，調用toggle方法將把"hide"類從該元素中刪除，以此來顯示它。

以上就是一個關于JavaScript display的簡單介紹。掌握display屬性，可以讓我們在開發中能夠更加靈活地控制元素的顯示和隱藏。