如何使用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');