在js代码中，增加一个li和它中的文字，li增加了，文字没在里面

  <script type="text/javascript">
    function t1(){
        var ce = document.createElement('li');
        var ct = document.createTextNode('中');
        ce.appendChild[ct];    //将中附加到li中
        var s = document.getElementsByTagName('ul')[0];  //查找ul
        var se = s.children[1];//查找li        s.insertBefore(ce,se);    }
  </script>
 </head> <body>
        <ul>
            <li>东</li>
            <li>南</li>
            <li>西</li>
            <li>北</li>
        </ul>      <p><input type="button" value="随意添加" onclick="t1()" /></p>
 </body>上面就是js的代码，不过运行之后很奇怪，li 是增加了，但是，对应li的文字‘中’确无法显示，大家帮忙看下，谢谢！！ 附上截图；
---------------------------------------------------------------------------------
JavaScript