如何使用MooTools將HTML添加到現有div中

Question

好日子人。

請原諒我與MooTools的經驗。

綜上所述，在CMS生成驗證碼：

<div class="gk_tab gk_tab-style1 clearfix-tabs" id="slideshow-tabs" style="width: 418px; "> 
    <ul class="gk_tab_ul-style1"> 
     <li id="slideshow-tabs_tab_1" class="active"><span>Video</span></li> 
     <li id="slideshow-tabs_tab_2" class=""><span>Calendar</span></li> 
    </ul> 
</div> 

我需要能夠插入該代碼時網頁加載完成：

<li id="slideshow-tabs_tab_0" class=""><a><span>Video</span></a></li> 

在一個特定的空間。最終的結果應該是：

<div class="gk_tab gk_tab-style1 clearfix-tabs" id="slideshow-tabs" style="width: 418px; "> 
    <ul class="gk_tab_ul-style1"> 
     <li id="slideshow-tabs_tab_0" class=""><a><span>Video</span></a></li> 
     <li id="slideshow-tabs_tab_1" class="active"><span>Video</span></li> 
     <li id="slideshow-tabs_tab_2" class=""><span>Calendar</span></li> 
    </ul> 
</div> 

所以我知道我需要用新的HTML我想補充，然後插話它創建一個新的元素，但不知道該如何儘可能有效地。哦，是的，我有一個特定的理由需要這樣做，但不想讓這個帖子中的所有額外的信息和代碼陷入困境。非常感謝！同時我會繼續在這裏搜索，看看我能否弄清楚。

PS。我正在插入的類存在於頁面的其他部分。所以我必須確保指定id =「slideshow-tabs」。

Answer 1

使用MooTools的1.3：

var li = new Element('li#slideshow-tabs_tab_0'), a = new Element('a'), span = new Element('span', {'text': 'Video'}); 
span.inject(a); 
a.inject(li); 
li.inject($$('#slideshow-tabs ul')[0], 'top');