在開發前端頁面的時候，經常需要設置元素的位置信息。其中，固定定位的元素可以通過設置top屬性來控制其位置。而在JavaScript中，我們可以通過修改元素的style.top屬性來設置其top值。

//獲取元素對象
var box = document.getElementById('box');
//設置top值
box.style.top = '100px';

在上述代碼中，我們首先通過DOM的方法獲取了一個ID為“box”的元素對象。接著，我們利用元素對象的style屬性來設置其top屬性，將其值設置為100px。

需要注意的是，元素的top值是相對于其最近的定位父元素而言的。因此，當我們想要將元素的top值設置為相對于文檔頂部的值時，需要設置其父元素的position為“fixed”或“absolute”，以全局坐標系為準。如果父元素未設置position值，則默認為“static”。

//獲取元素對象
var box = document.getElementById('box');
var parent = box.offsetParent;
//設置父元素的position值
parent.style.position = 'absolute';
//設置top值
box.style.top = '100px';

在上述代碼中，我們首先獲取了元素對象的同時，也獲取了其最近的定位父元素，即offsetParent屬性。接著，我們在父元素上設置了position屬性，將其值設置為“absolute”，來保證其top值相對于文檔頂部。最后，我們通過修改元素的style.top屬性來設置其具體的top值。