实例解析HTMLDOMposition属性用法

本节向大家介绍一下HTML DOM position属性的定义和用法，position属性可能的值大致有四种，分别是static|relative|absolute|fixed，这里通过实例向大家解析它的用法，相信本文介绍一定会让你有所收获。

HTML DOM position属性

定义和用法

position 属性把元素放置到一个静态的、相对的、绝对的、或固定的位置中。

语法：

Object.style.position=static|relative|absolute|fixed

可能的值

实例

本例把元素位置由相对改为绝对：

 
 
 
 

  
  
  
  

  
  
  
  

  
  
  
  

  
  
  
  
input 
  
  
  
  
{ 
  
  
  
  
position:relative; 
  
  
  
  
} 
  
  
  
  

  
  
  
  

  
  
  
  
function setPositionAbsolute() 
  
  
  
  
{ 
  
  
  
  
document.getElementById("b1").style.position="absolute"; 
  
  
  
  
document.getElementById("b1").style.top="10px"; 
  
  
  
  
} 
  
  
  
  

  
  
  
  

  
  
  
  

  
  
  
  

  
  
  
  
This is an example paragraph
  
  
  
  
HTML DOM position 属性
  
  
  
  

  
  
  
  

  
  
  
  
onclick="setPositionAbsolute()"
  
  
  
  
value="Set button position to be absolute" />
  
  
  
  

  
  
  
  

  
  
  
  

 
 
 
 

分享标题：实例解析HTMLDOMposition属性用法
网站URL：http://wtcwzsj.com/article/djpohsp.html