javascript如何改变控件的显示位置
时间:2021-04-29 来源:互联网
今天PHP爱好者为您带来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如何改变控件的显示位置的详细内容,更多请关注php爱好者其它相关文章!
相关阅读更多 +
-
手机软件开发工具大全:从入门到精通的必备工具指南 2025-09-17
-
如何有效拦截手机骚扰软件 5大实用防护技巧分享 2025-09-17
-
手机软件安装包下载大全 安全无毒安卓苹果应用免费高速获取 2025-09-17
-
安卓手机软件下载大全2024:最新热门应用一键安装推荐 2025-09-17
-
-
手机软件安装指南:从下载到设置的全流程详解 2025-09-17
最近更新