JavaScript是一種用于網頁編程的語言。它通常用于實現客戶端腳本，如驗證、動態生成內容以及交互效果。在JavaScript中，獲取元素的display屬性是常見的操作。

通過JavaScript獲取一個元素的display屬性，可以幫助我們了解它當前是否可見，是塊級元素還是行內元素等信息。下面是一些使用JavaScript獲取display屬性的例子：

// 獲取元素的display屬性
var elem = document.getElementById("my-element");
var display = window.getComputedStyle(elem, null).getPropertyValue("display");
// 用display屬性判斷元素是否可見
if (display === "none") {
console.log("元素不可見");
}
// 用display屬性判斷元素類型
if (display === "block") {
console.log("元素是塊級元素");
} else if (display === "inline-block") {
console.log("元素是行內塊級元素");
} else if (display === "inline") {
console.log("元素是行內元素");
}

在以上代碼中，首先我們通過getElementById()方法獲取了一個元素的引用，并使用getComputedStyle()方法獲取該元素的計算樣式。接著使用getPropertyValue()方法獲取了display屬性的值。最后，我們使用獲取到的display屬性值進行邏輯判斷，以了解該元素的可見性和類型。

除了上述方法外，也可以使用元素的style屬性來獲取display屬性。這種方法返回的是元素的內聯樣式，而非計算樣式。例如：

// 獲取元素的display屬性
var elem = document.getElementById("my-element");
var display = elem.style.display;
// 用display屬性判斷元素是否可見
if (display === "none") {
console.log("元素不可見");
}
// 用display屬性判斷元素類型
if (display === "block") {
console.log("元素是塊級元素");
} else if (display === "inline-block") {
console.log("元素是行內塊級元素");
} else if (display === "inline") {
console.log("元素是行內元素");
}

以上代碼中，我們同樣使用getElementById()方法獲取一個元素引用，并使用其style屬性獲取該元素的內聯樣式。同樣可以通過display屬性判斷元素的可見性和類型。

需要注意的是，如果一個元素的樣式是通過CSS類來控制的，則無法使用上述方法來獲取display屬性。在這種情況下，我們可以使用jQuery等庫的工具方法，來方便地獲取元素的CSS屬性。

值得一提的是，在某些情況下，即使元素的display屬性設置為none，該元素仍然會占據頁面布局空間。這時，我們可以使用第二個例子中的方法來獲取內聯樣式，或者在CSS中設置元素的visibility屬性，來控制其在頁面布局中的隱藏與顯示。

通過上述方法，我們可以輕松地獲取元素的display屬性，并進行相應的判斷操作。這能幫助我們更好地了解頁面元素的狀態，以便于開發出更好的用戶交互效果。