在做用js使div缩放遇到一个问题！！！

Question

    var dragDiv =document.getElementById('box');
    var Tdot =document.getElementById('box').getElementsByClassName('boxL');
    var Ldot =document.getElementById('box').getElementsByClassName('boxL');
    var Rdot =document.getElementById('box').getElementsByClassName('boxR');
    var Bdot =document.getElementById('box').getElementsByClassName('boxB');
    var LTdot =document.getElementById('box').getElementsByClassName('boxLT');
    var RTdot =document.getElementById('box').getElementsByClassName('boxRT');
    var LBdot =document.getElementById('box').getElementsByClassName('boxLB');
    var RBdot =document.getElementById('box').getElementsByClassName('boxRB');

    var preH = parent.offsetHeight;
    var preW = parent.offsetWidth;
    var preL = parent.offsetLeft;
    var preT = parent.offsetTop;
    var mouseOffsetX =0;
    var mouseOffsetY =0;
    var isDraging = false ;
      function resize(dragDiv,handle){
      //鼠标按下事件;
     //var a =parseInt(handle)
     //console.log(a);
     var a =handle.splice('')
     console.log(a);
     handle.onmousedown=function(e){
       var e = e;

我是设定一个div4角4边共8个点作为事柄handle，但是在后来遇到一个问题，就是这个handle 无法触发事件，用console.log查了下，得到8个数组[div.xxx]   xxx是我每个点的classname，请问怎么把handle 转变成可以触发事件的事柄？？我用parseInt打印出来是NAN..求大神帮忙