HTML 요소 반환

Question

일부 JavaScript를 사용하여 새 HTML 요소를 만든 다음 MooTools 삽입 메서드를 사용하여 반환합니다.

display: function() { 
     var threadTitle = new Element('h2',{ 
      'class': 'postItem', 
      'data-id': this.id, 
      'text': this.title, 
      'href': '#', 
      events: { 
       click: function(){ 
        $('newComment').setStyle('visibility', 'visible'); 
        var id = this.get('data-id'); 
        $('thread').value = id; 
        callThread(id); 
       } 
      } 
     }); 

     var deleteT = new Element('a',{ 
      'class': 'deleteItem', 
      'data-id': this.id, 
      'text' : 'Delete', 
      'href' : '#', 

      events: { 
       click: function(){ 
        var deleteID = this.get('data-id'); 
        deleteThread(deleteID) 
       } 
      } 
     }); 

     var editBtn = new Element('input',{ 
      'class': 'mt-btn', 
      'value': 'Edit', 
      'type': 'button', 
      'data-id': this.id, 
      'text' : 'Edit', 
      'href' : '#', 
      events: { 
       click: function(){ 


       } 
      } 
     }); 



     deleteT.inject(threadTitle); 
     editBtn.inject(threadTitle); 
     return threadTitle; 
    } 
}); 

이것은 h2에 삽입 할 때 분명히 h2 내부의 새로운 요소를 반환합니다. H2 각각 외부를 만들 수있는 방법이 있나요, 그래서 감각

<h2></h2> 
<a></a> 
<input></input> 

에 나는 editBtn.inject(threadTitle, 'after');를 사용하는 Mootools의 방법을 사용하여 시도했지만이 작동하지 않는 것 아무것도 반환됩니다. 그래서 질문에 의해 h2 요소에 삽입되지 않은 채로 페이지의 요소를 어떻게 반환 할 것인가입니다.

Answer 1

editBtn.inject(threadTitle, 'after');을 사용하는 MooTools 방법을 사용해 보았지만 작동하지 않는 것으로 보이며 아무것도 반환되지 않습니다.

문제가 있다고 생각하면 threadTitle은 부모님이있는 경우와 같지 않습니다. 부모가 없다면 MooTools는 "후"에 아무 것도 주입하지 않으므로 부모 요소에 주입해야합니다.

threadTitle을 DOM에 처음 입력하면 editBtn.inject(threadTitle, 'after');이 잘 작동합니다.

작동하지 않는,이 비교 : Live Copy

var p = new Element('p'); 
p.set("html", "This is the <code>p</code> element"); 

var div = new Element('div'); 
div.set("html", "This is the <code>div</element> inserted <em>after</em> the <code>p</code>"); 
div.inject(p, 'after'); 

p.inject(document.body); 

...이 함께 수행하는 : Live Copy

var p = new Element('p'); 
p.set("html", "This is the <code>p</code> element"); 
p.inject(document.body); 

var div = new Element('div'); 
div.set("html", "This is the <code>div</element> inserted <em>after</em> the <code>p</code>"); 
div.inject(p, 'after'); 

이 ... 차이가 p 요소가되었다는 것 그 후에 DOM에 추가하여 div을 주입하려고합니다.