JavaScript HTML DOM Style position 属性

• 

  position 属性

  position属性设置或返回用于元素的定位方法的类型（static，relative，absolute或fixed）。

  将div元素的位置从相对位置更改为绝对位置：

  document.getElementById("myDIV").style.position = "absolute";

  尝试一下
• 

  浏览器支持

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

• 

  语法

  返回position属性：

  object.style.position

  设置position属性：

  object.style.position = "static|absolute|fixed|relative|sticky|initial|inherit"
• 

  属性值

  值	描述
  static	元素按顺序呈现，因为它们出现在文档流中。 这是默认值。
  absolute	元件相对于其第一定位（非静态）祖先元素定位
  fixed	元素相对于浏览器窗口定位
  relative	元素相对于其正常位置定位，因此“left：20”将20个像素添加到元素的LEFT位置
  sticky	元素根据用户的滚动位置定位，粘性元素在relative和fixed之间切换，具体取决于滚动位置。 它被相对定位，直到在视口中满足给定的偏移位置 - 然后它“粘住”到位（如position：fixed）。 注意：IE / Edge 15或更早版本不支持。 在带有Webkit前缀的6.1版Safari中受支持。
  initial	设置这个属性为默认值。 阅读有关initial信息
  inherit	从其父元素继承此属性。 阅读有关inherit的信息

• 

  技术细节

  项目	描述
  默认值：	static
  返回值：	一个字符串，表示元素的位置类型
  CSS版本	CSS2

• 

  更多例子

  使用不同的标题类型：

  function myFunction(x)  {
    var whichSelected = x.selectedIndex;
    var posVal = x.options[whichSelected].text;
    var elem = document.getElementById("myDiv");
    elem.style.position = posVal;
  }
  

  尝试一下

  返回h2元素的位置：

  alert(document.getElementById("myH2").style.position);
  

  尝试一下
• 

  相关页面

  CSS参考：CSS position 属性

  CSS参考：CSS 定位