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属性，并进行相应的判断操作。这能帮助我们更好地了解页面元素的状态，以便于开发出更好的用户交互效果。