javascript怎么改变控件的显示位置

这篇文章主要介绍了javascript怎么改变控件的显示位置,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

我们提供的服务有:成都网站建设、网站设计、微信公众号开发、网站优化、网站认证、乳源ssl等。为数千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的乳源网站制作公司

javascript改变控件的显示位置的方法:1、使用js改变控件的style;2、使用js改变元素的class,代码为【elem.className='newPosition'】。

javascript改变控件的显示位置的方法:

1、使用js改变控件的style

var elem=document.getElementById("控件id");//获取控件
  elem.style.position = "absolute";//设置绝对定位(或者相对定位)
  elem.style.left = "50px";//设置left数值
  elem.style.top = "100px";//设置top数值

2、使用js改变元素的class

写好的style

.newPosition{position:absolute;top:50px;left:100px;}

改变元素class(可以绑定在某个事件中,或者页面加载完成执行)

var elem=document.getElementById("控件id");//获取控件
elem.className='newPosition';//为空间添加class样式

感谢你能够认真阅读完这篇文章,希望小编分享的“javascript怎么改变控件的显示位置”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


网站栏目:javascript怎么改变控件的显示位置
链接地址:http://myzitong.com/article/pososg.html