实例解析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属性用法
分享链接：http://www.shufengxianlan.com/qtweb/news34/325134.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联