您的位置:首页 >综合精选 >

javascript如何改变控件的显示位置

跟大家讲解下有关javascript如何改变控件的显示位置,相信小伙伴们对这个话题应该也很关注吧,现在就为小伙伴们说说javascript如何改变控件的显示位置,小编也收集到了有关javascript如何改变控件的显示位置的相关资料,希望大家看到了会喜欢。

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

本教程操作环境:windows7系统、javascript1.8.5版,DELL G3电脑。

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如何改变控件的显示位置的详细内容,更多请关注php中文网其它相关文章!

来源:php中文网

免责声明:本文由用户上传,如有侵权请联系删除!