Javascript 如何使用extjs根据div id在现有标记中插入标记？

我需要在现有标记中插入一些标记，使用基于 div id“task123”并相应地显示一些警报

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);

var iconDisplay={}；
iconDisplay.html=''+''；
icondisp变种=
Ext.fly（“task123”）.query（“a.closeMessageBox”）；
Ext.core.DomHelper.insertBefore（icondisp[0]，iconDisplay）；
Ext.fly（“task123”）。选择（'div.icon-right'）。打开（'click'，function（））{
警报（“测试图标右侧…”）
}("信息),；

---

上面的代码工作不正常。

在链接之前插入新元素的简单javascript

var divNode = document.getElementsByClassName("closeMessageBox")[0];

var newNode = document.createElement("input");
newNode.tye = "text";
divNode.parentNode.insertBefore(newNode, divNode.previousSibling);

---

我不知道如何使用extjs实现这一点，但使用jQuery，您可以查看或。@Niklas Ringdahl请帮助获取此链接。您可以帮助我获取以下链接吗：