在js代码中，增多一个li和它中的文字，li增加了，文字没在里面-PHP教程-爱易网页

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

日期：2014-05-17　浏览次数：20491 次

在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的文字‘中’确无法显示，大家帮忙看下，谢谢！！附上截图；
---------------------------------------------