JavaScript是一種腳本語言，可以動態地改變HTML和CSS。其中，CSS的top屬性是控制一個元素距離其父元素頂端的距離，可以通過JavaScript來改變這個值。

首先，在HTML文檔中給元素添加一個id屬性：

<div id="myDiv"></div>

然后，在JavaScript代碼中獲取該元素：

var myDiv = document.getElementById("myDiv");

接著，可以使用myDiv.style.top來訪問該元素的top屬性：

var topValue = myDiv.style.top;
console.log(topValue); // 輸出初始值（如果沒有設置則為空字符串）

此時，可以使用myDiv.style.top = "50px"來將元素的top屬性值設置為50像素：

myDiv.style.top = "50px";

最后，可以再次獲取元素的top屬性值，發現已經變成了50像素：

var topValue = myDiv.style.top;
console.log(topValue); // 輸出50px

綜上所述，JavaScript可以通過訪問元素的style屬性來改變CSS的top屬性值。