js截断指定字符串，整个页面

<ul class="center_box">
    <li><a href="">11111111111111111111</a></li>
    <li><a href="">22222222222222222222</a></li>
    <li><a href="">33333333333333333333</a></li>
</ul><ul class="center_box">
    <li><a href="">11111111111111111111</a></li>
    <li><a href="">22222222222222222222</a></li>
    <li><a href="">33333333333333333333</a></li>
</ul><ul class="center_box">
    <li><a href="">11111111111111111111</a></li>
    <li><a href="">22222222222222222222</a></li>
    <li><a href="">33333333333333333333</a></li>
</ul><script language="javascript" type="text/javascript">function GetFirstElementByTagNameAndClassName(tagName, className) {
    var elements = document.getElementsByTagName(tagName);    for (var i=0, len=elements.length; i<len; i++)
    {
        if (elements[i].className.toLowerCase() == className.toLowerCase())
            return elements[i];
    }    return undefined;
}var target = GetFirstElementByTagNameAndClassName("ul", "center_box");
var liList = target.getElementsByTagName("li");
for (var i=0, len=liList.length; i<len; i++)
{
    liList[i].firstChild.innerHTML = (liList[i].firstChild.innerText).substring(0,10);
}
</script>以上这段代码只对第一个<ul>里有截断效果，请问怎么改才能对整个页面所有<ul>里都有效
<ul class="center_box">
    <li>· <a href="">11111111111111111111</a></li>
    <li>· <a href="">22222222222222222222</a></li>
    <li>· <a href="">33333333333333333333</a></li>
</ul><ul class="center_box">
    <li>· <a href="">11111111111111111111</a></li>
    <li>· <a href="">22222222222222222222</a></li>
    <li>· <a href="">33333333333333333333</a></li>
</ul><ul class="center_box">
    <li>· <a href="">11111111111111111111</a></li>
    <li>· <a href="">22222222222222222222</a></li>
    <li>· <a href="">33333333333333333333</a></li>
</ul>还有就是再加个符号· 应当怎么改

解决方案 »

  1.   

    <script language="javascript" type="text/javascript">function GetFirstElementByTagNameAndClassName(tagName, className) {
        var elements = document.getElementsByTagName(tagName);
    var arr = [];
        for (var i=0, len=elements.length; i<len; i++)
        {
            if (elements[i].className.toLowerCase() == className.toLowerCase())
                arr.push(elements[i]);
        }    return arr;
    }var target = GetFirstElementByTagNameAndClassName("ul", "center_box");for(var j=0;j<target.length;j++){
    var liList = target[j].getElementsByTagName("li");
    for (var i=0, len=liList.length; i<len; i++)
    {
        liList[i].firstChild.innerHTML = (liList[i].firstChild.innerText).substring(0,10);
    }
    }
    </script>li不是自动带·的嘛，为什么还要加？
      

  2.   

    li是在别的DIV里面的，不是页面的直接li,也不知道哪定义了就是没了·，定义LI那找不到
      

  3.   

    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>test</title>
    </head><body>
    <ul class="center_box"> 
        <li><a href="">11111111111111111111 </a> </li> 
        <li><a href="">22222222222222222222 </a> </li> 
        <li><a href="">33333333333333333333 </a> </li> 
    </ul> <ul class="center_box"> 
        <li><a href="">11111111111111111111 </a> </li> 
        <li><a href="">22222222222222222222 </a> </li> 
        <li><a href="">33333333333333333333 </a> </li> 
    </ul> <ul class="center_box"> 
        <li><a href="">11111111111111111111 </a> </li> 
        <li><a href="">22222222222222222222 </a> </li> 
        <li><a href="">33333333333333333333 </a> </li> 
    </ul>
    <script language="javascript" type="text/javascript">function GetFirstElementByTagNameAndClassName(tagName, className) {
        var elements = document.getElementsByTagName(tagName);
        var arr = [];
        for (var i=0, len=elements.length; i<len; i++)
        {
            if (elements[i].className.toLowerCase() == className.toLowerCase())
                arr.push(elements[i]);
        }    return arr;
    }var target = GetFirstElementByTagNameAndClassName("ul", "center_box");for(var j=0;j<target.length;j++){
    var liList = target[j].getElementsByTagName("li");
    for (var i=0; i<liList.length; i++)
    {
    var a = liList[i].firstChild;
        a.innerText= (a.innerText).substring(0,10);
        liList[i].appendChild(document.createTextNode("·"));
        liList[i].appendChild(a);
    }
    }
    </script>
    </body></html>