javascript - 如何使用MooTools将HTML添加到现有的div中

大家好。
请原谅我使用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创建一个新元素，然后插入它，但不确定如何尽可能有效。哦，是的，我有一个具体的理由需要这样做，但不想陷入这篇文章与所有额外的信息和代码。提前谢谢你！我会在这段时间里继续找，看看能不能搞清楚。
我要把它放到页面的其他部分。因此，我必须确保指定id=“slideshow tabs”以及。

最佳答案

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

关于javascript - 如何使用MooTools将HTML添加到现有的div中，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5239016/