使用Javascript改变写在外部css文件的绝对定位的值无效

开发一个网页,点击按钮可以实现一个红色小方块的向左移动或者向右移动,红色小方块是使用绝对定位写的,js想实现这一功能,只能将小方块绝对定位的初始值写在html标签当中,如果写在style.css外部文件当中,点击小方块无效,是怎么一回事???

css样式文件要用下面的函数获取,不过建议还是直接放到dom的style里面方便获取

function getStyle(obj,attr){//obj:dom对象  attr:样式属性名称
   if(obj.currentStyle){
	  return obj.currentStyle[attr];
   }
   else{
	  return document.defaultView.getComputedStyle(obj,null)[attr];
   }
}

 

那你把style.css里的代码直接放到html里可以吗?

html里点击按钮时,改变dom的类名。css外部文件中,使用不通类选择器来写样式。

在标签上加上position: relative就能实现了

你确定样式正确设置上去了吗