我用join()为什么不能在li之间添加竖线啊?

join()不是数组连接的吗?<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=bg2312" />
<title>无标题文档</title>
        <style type="text/css">
                *{margin:0;padding:0;}
                ul{list-style:none}
#list{margin:55px auto;width:600px}
#list li{float:left;width:100px;text-align:center;line-height:25px;background:orange}
        </style>
            <script type="text/javascript">
function list(){
var list = document.getElementById("list");
var li = list.getElementsByTagName("li");
for(var i=0; i<li.length; i++){
li[i].join("|");
}
}
window.onload = list;
           </script>
</head>
<body>
                                <div id="list">
<ul>
<li>XHTML</li>
<li>CSS</li>
<li>JAVASCRIPT</li>
<li>AJAX</li>
</ul>
</div>
</body>
</html>

解决方案 »

  1.   

    请你再仔细看看你看到Array.join的地方写的说明
    然后在仔细的分析下你要做什么事情
      

  2.   

    方法用错了，如果你是想给列表中间加| 倒不如用css的border来实现 
      

  3.   

    不太明白你这代码的意图，是要在各个li之间添加分割线么.....
     var array=["a","b","c","d"];
     alert(array.join("|"));//-- a|b|c|d
     alert(array.join(","));//-- a,b,c,d你获取的li数组 里面存放的又不是字符串如果要加分割线可以通过css样式去控制
      

  4.   

    li[i] 是 dom 元素
    li 才是数组， 然而 li.join() 也是错的，因为li不是一个字符串数组
    所以应该在一个数组里装入这些 li 的 outerHTML 再join
      

  5.   

    1、 li 不是数组，是一个dom 对象
    见：http://topic.csdn.net/u/20100706/14/a81cdeed-7112-4c3e-8408-540c4951879c.html2、即使li 是一个数组，你这样也是错误的ul 只能嵌套 li 标签 ，能直接放“|”？要放“|” 也应该是：
    <ul> 
    <li>XHTML</li>
    <li>|</li>
     <li>CSS</li>
    <li>|</li>
    <li>JAVASCRIPT</li>
    <li>|</li>
    <li>AJAX</li>
    </ul>
     
      

  6.   

    完全没有弄明白HTML和js的差别
      

  7.   

    join方法的用途是：将数组中的所有元素按指定的分隔符，连接成一个字符串，array.join("-")。它的返回值是一个字符串。
    想给<li>加分隔符用CSS足矣。