• 技术文章 >web前端 >js教程

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

    coldplay.xixicoldplay.xixi2021-04-08 15:38:39原创122

    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中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript 控件位置
    上一篇:Javascript中添加事件到脚本被覆盖 下一篇:JavaScript如何添加删除元素
    第15期线上培训班

    相关文章推荐

    • jquery设置控件位置的方法_jquery• js获取控件位置以及不同浏览器中的差别介绍_javascript技巧

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网