Javascript 如何获取div中所有元素的位置

好的，sow我有对象列表evry对象这个div包含产品信息和图片（div是包含所有信息的产品）这是代码

id="insert-zone" class="ui-droppable ui-sortable">
<div class="item-container cart-item">
<img border="0" src="http://www.myengravedjewelry.com/images/products/medium_101-01-004-02.jpg" alt="">
<div id="Item_Logo" class="item-header><asp:hyperlink style=" imageurl="images/Logo.png" navigateurl="EcomAdminCenter.aspx" runat="server" 0'="" z-index:=""> </div>
<div class="item-body">
<div class="item-footer"></div>
</div>
<div class="item-container cart-item">
<div class="item-container cart-item">
<div class="item-container cart-item">
<div class="item-container cart-item">
<div class="item-container cart-item">
<div class="item-container cart-item">
<div class="item-container cart-item">
</ol>

id=“插入区域”class=“ui可拖放ui可排序”>
var elements=document.getElementsByClassName（“购物车项目”）

对于（i=0；i
console.log（“x->”，元素[i]。offsetLeft，“y-->”，元素[i]。offsetTop，“ProductId-->”，元素[i]。textContent.substring（9,14））

var elements = document.getElementsByClassName("cart-item");

for(i=0;i<elements.length;i++){

console.log("x->",elements[i].offsetLeft,"y-->",elements[i].offsetTop,"ProductId-->",elements[i].textContent.substring(9,14));