js offsettop

作者：寂寞带点伤发布日期:2025-04-14 浏览:102

// 获取元素的 offsetTop 属性示例

// HTML 结构
/*
<div id="container" style="height: 200px;">
    <div id="child" style="margin-top: 50px; height: 100px;"></div>
</div>
*/

// JavaScript 代码
window.onload = function() {
    var childElement = document.getElementById('child');
    var offsetTopValue = childElement.offsetTop;
    console.log('The offsetTop of the child element is: ' + offsetTopValue + 'px');
};

// 解释说明：
// offsetTop 属性返回当前元素相对于其包含块（最近的已定位祖先元素）的顶部的距离。
// 如果没有已定位的祖先元素，则相对于 <body> 元素。
// 在这个例子中，#child 元素的 margin-top 是 50px，所以它的 offsetTop 值为 50。

上一篇：js 转为字符串

下一篇：js 数组变成字符串