JavaScript HTML DOM Style top 属性

• 

  top 属性

  top属性设置或返回定位元素的顶部位置。此属性指定元素的顶部位置，包括填充，滚动条，边框和边距。

  提示：定位元素是position属性设置为：relative，absolute或fixed的元素。

  提示：要设置或返回定位元素的底部位置，请使用bottom属性。

  设置button元素的顶部位置：

  document.getElementById("myBtn").style.top = "100px";

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  top	支持	支持	支持	支持	支持

• 

  语法

  返回top属性：

  object.style.top

  设置top属性：

  object.style.top = "auto|length|%|initial|inherit"
• 

  属性值

  值	描述
  auto	让浏览器设置最高位置。 这是默认值
  length	以长度单位定义顶部位置。 允许负值
  %	设置父元素高度的％的顶部位置
  initial	设置这个属性为默认值。 阅读有关initial信息
  inherit	从其父元素继承此属性。 阅读有关inherit的信息

• 

  技术细节

  项目	描述
  默认值：	auto
  返回值：	一个字符串，表示已定位元素的顶部位置
  CSS版本	CSS2

• 

  更多例子

  使用负值 - 设置div元素的顶部位置：

  document.getElementById("myDiv").style.top = "-100px";
  

  尝试一下

  返回div元素的顶部位置：

  alert(document.getElementById("myDiv").style.top);
  

  尝试一下
• 

  相关页面

  CSS参考：CSS 定位

  CSS参考：CSS top 属性