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

JavaScript014

js如何改变控件的显示位置,第1张

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:absolutetop:50pxleft:100px}

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

var elem=document.getElementById("控件id")//获取控件

elem.className='newPosition'//为空间添加class样式

JS设置类名

添加类名或者移除类名来进行实现,在类里面书写控件位置的样式;

JS设置style的方式

把控件位置的样式写在style里面

JS设置类名的案例: