JavaScriptのoffsetLeftプロパティの使い方

2年 ago
海斗, 葵
1 minute

JavaScriptにおけるoffsetLeftプロパティは、要素がその含まれる要素に対して水平方向にどれだけオフセットしているかを取得または設定するために使用されます。

要获取元素的水平偏移量，使用offsetLeft属性的语法如下：

element.offsetLeft

elementは水平オフセットを取得する要素です。

要设置元素的水平偏移量，可以使用offsetLeft属性。

element.offsetLeft = value

elementには水平オフセットを設定する要素を指定し、valueには設定するオフセット値を指定します。

注意：要更改元素在文档流中的位置，需要将元素的position属性设置为”absolute”或”fixed”，并调整top和left属性。设置元素的水平偏移量只会改变元素在页面中的位置。

– 例えば、

<!DOCTYPE html>
<html>
<body>

<div id="myDiv" style="position:absolute;left:50px;top:100px;width:200px;height:100px;background-color:yellow;"></div>

<script>
var div = document.getElementById("myDiv");

console.log(div.offsetLeft); // 输出50

div.offsetLeft = 100; // 将元素的水平偏移量设置为100

console.log(div.offsetLeft); // 输出100
</script>

</body>
</html>

上記の例では、div要素のoffsetLeftプロパティを取得および設定することによって、要素の水平オフセットを取得および変更します。

bannerAds