如何使用extjs基于div id在现有标签中插入标签?

时间:2013-09-06 06:49:44

标签: javascript jquery css html5 extjs

我需要使用基于的extjs在现有标签中插入一些标签 div id'task123'并相应地显示一些警告。

HTML code:

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

以上代码无效。

1 个答案:

答案 0 :(得分:0)

在链接

之前插入新元素的简单javascript
var divNode = document.getElementsByClassName("closeMessageBox")[0];

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