javascript 作用域问题

Question

下面的代码为什么不能是图片移动，alert(wg_left)他的值已经变了，为啥图片不动呢，还有就是如果将
var wg_left=$('wg').style.left;放到move函数的上面，为何这个全局变量在move函数中用不呢，但是如果不获取图片的属性值，而是换个变量值，这个全局变量就能用，感到很郁闷？
代码如下：
<br> function $(id)<br> {<br> return document.getElementById(id);<br> }</p> <p>function move(e)<br> { var wg_left=$(&#39;wg&#39;).style.left;<br> wg_left=parseInt(wg_left.substr(wg_left.lenght-2));<br> switch(e.keyCode)<br> {<br> case 37:<br> alert(wg_left);<br> wg_left=wg_left-10+&quot;px&quot;;<br> alert(wg_left);<br> break;<br> }<br> }</p> <p>

Answer 1

你只是改变了变量值，没有重新设置对象的left啊，这个值不是地址引用，是值引用，还学要重设下

而且substr放你也用的不对，直接parseInt就行，不需要截取了，parseInt会将前面的数字字符串转为数字，碰到第一个非数字的内容之后的全部丢弃。而且需要注意设置left属性值你这个对象定位需要为absolute或者relative，要不设置left无效

function $(id) { return document.getElementById(id); }
function move(e) {
  var wg_left=$('wg').style.left; 
  wg_left=parseInt(wg_left);
  switch(e.keyCode) { 
    case 37:  wg_left=wg_left-10+"px";  break;
  } 
  $('wg').style.left=wg_left//要重新设置过
}