javascript - 我如何使用 JavaScript 来查找元素的位置是否固定？

Question

使用 JavaScript，我需要找到一个位置为 fixed 的元素，并将其 top 属性设置为 60px。

const myDiv = document.querySelector('.my-div')
if(myDiv && myDiv.style.position == 'fixed') {
    myDiv.style.top = '60px';
}

但它不起作用。我的代码有什么问题？

Answer 1

您可以使用 window.getComputedStyle() .

它将返回一个具有所有 样式的对象，即使您没有明确定义它，这与仅保存样式的 style 属性不同您明确设置的值。

对于您的代码，它看起来像这样:

const myDiv = document.querySelector('.my-div')
if (!myDiv) return; // Early return guard to avoid calling getComputedStyle with null
const style = window.getComputedStyle(myDiv)

if (style.position === 'fixed') {
    myDiv.style.top = '60px';
}