javascript+ XML的問題

您好,
  假設我要做一個動態的網頁, 需求如下,

  首先呢, 先定義一個固定範圍的區塊, 接著要動態地將元素物件(例如圖片)放入該區塊(可能一開始在XML內便已定義好部分元素在區塊內), 如果空間夠大, 可以持續加入新的元素(元素個數未知). 一旦元素被加入該區塊後就必須可以被拖曳(原有的元素也要可以拖曳), 同時要能記錄該元素在該區塊的座標, 並且隨著使用者拖曳該元素而即時更新該元素座標. 若任兩元素在拖曳過程中重疊(比對座標), 必須顯示警示訊息.
  請問這樣的需求用 javascript + XML 做得到嗎?  希望可以做到. 如果可以做到, 我想請問您

1. 假設已經在XML定義好的元素有10個(例如10張小圖片 ), 但是user想要再加多少元素是不可知的. 這應該如何做事件的管控? 通常事件的觸發是依附著元素物件, 例如addEventListener. 抱歉, 我是個初學者, 我的想法是,  針對圖片1, 可以寫一個對應的事件處理函式來達成拖曳效果, 如p1.addEventListener; 對圖片2, 也是另外寫一個事件處理函式, p2.addEventListener. 如果有1000張圖片都要可以拖曳, &#