因为代码html框架代码不一样了，

这里的id名为“moocBox”的div里面只有一个<ul>,前面的课程有两个<ul>

<!--  中间 -->
<div  id="moocBox">
    <ul>
        <li><a href="#">1.学会html5 绝对的屌丝逆袭（案例）</a><span>2013-09-18</span></li>
        <li><a href="#">2.tab页面切换效果（案例）</a><span>2013-10-09</span></li>
        <li><a href="#">3.圆角水晶按钮制作（案例）</a><span>2013-10-21</span></li>
        <li><a href="#">4.HTML+CSS基础课程(系列)</a><span>2013-11-01</span></li>
        <li><a href="#">5.分页页码制作（案例）</a><span>2013-11-06</span></li>
        <li><a href="#">6.导航条菜单的制作（案例）</a><span>2013-11-08</span></li>
        <li><a href="#">7.信息列表制作(案例)</a><span>2013-11-15</span></li>
        <li><a href="#">8.下拉菜单制作(案例)</a><span>2013-11-22</span></li>
        <li><a href="#">9.如何实现“新手引导”效果</a><span>2013-12-06</span></li>
    </ul>
</div>
<!--  中间结束 -->

这里用的area.innerHTML += area.innerHTML;//意思也是克隆一个，
可理解为：area.innerHTML = area.innerHTML + area.innerHTML；//即一个area.innerHTML等于两个area.innerHTML

代码可以在视频右下方下载，望采纳。