javascript - extjsを使用してdiv IDに基づいて既存のタグにタグを挿入する方法は?

Question

div ID「task123」に基づいてextjsを使用して既存のタグにタグを挿入し、それに応じてアラートを表示する必要があります。

HTML コード:

<div id="task123"> <div class="msg" id="sample"> 
  <ul class="msg-icons"> editButton </ul> 
  <h3>Task Details</h3>
  <div>Messages</div> 
  <br/>
  <a class="closeMessageBox" style="cursor:pointer;
      float: right; font-size:7pt;">Click here to close</a> </div>
</div>

新しいタグを古いタグの後に挿入します

<div>Messages</div>

div id task123 に基づく extjs コードは次のとおりです。

 var iconDisplay = {}; 
   iconDisplay.html = '<div class="icon-right">' +'</div>'; 
   var icondisp =
   Ext.fly("task123").query('a.closeMessageBox');
                 Ext.core.DomHelper.insertBefore(icondisp[0], iconDisplay);

   Ext.fly("task123").select('div.icon-right').on('click', function() {
       alert("tested icon right...")    
   },_message);

上記のコードが正しく動作しません。