console
var evalFx = function( key, idxlst)
{
var priceBox = document.getElementById(key);
priceBox = getChild(priceBox,idxlst,0);
if(priceBox == null){
return null;
}
else{
var point = new Array(2);
point[0] = getLeft(priceBox);
point[1] = getTop(priceBox);
return point;
}
};
function getTop(e){
var offset=e.offsetTop;
if(e.offsetParent!=null) offset+=getTop(e.offsetParent);
return offset;
}
function getLeft(e){
var offset=e.offsetLeft;
if(e.offsetParent!=null) offset+=getLeft(e.offsetParent);
return offset;
}
function getChild(item,idxlst,idx){
if(item == null)
{
return null;
}
else{
var subitem = item.children[idxlst[idx]]
if(idx >= idxlst.length - 1){
return subitem;
}
else{
return getChild(subitem,idxlst,idx + 1);
}
}
}
console.log(evalFx('d',[0,1]));
<html>
<div id = 'd'>
d0
<div id = 'd1'>
d1
<div id = 'd11'>
d11
</div>
<div id = 'd12'>
d12
</div>
</div>
<div id = 'd2'>
d2
</div>
</div>
<div id = 'e'>
<div id = 'e1'>
e1
</div>
<div id = 'e2'>
e2
</div>
</div>
</html>