怎么用js控制表格中数据的长度

答案:2 悬赏:40 手机版

解决时间 2021-01-31 01:02

提问者网友：像風在裏
2021-01-30 19:23

怎么用js控制表格中数据的长度

最佳答案

五星知识达人网友：大漠
2021-01-30 19:36

<html>
    <head>
        <title>table_td</title>
        <style>
            td{
                border:1px solid black;
                border-collapse:collapse;
                width:60px;
                height:20px;
            }
            table{
                border:1px solid black;
                border-collapse:collapse;
            }
        </style>
        <script>
            var limitLength = 2;//限制多少个字数
            function limitLen(){
                var count = document.getElementsByTagName("td").length;
                for(var i = 0;i<count;i++){
                    var s = document.getElementsByTagName("td")[i].innerHTML;
                    document.getElementsByTagName("td")[i].title = s;
                    if(s.length>limitLength){
                        document.getElementsByTagName("td")[i].innerHTML = s.substring(0,limitLength)+"...";
                    }
                    else if(s.length < limitLength){
                        for(var c = s.length;c<limitLength+3;c++){//+3是因为后面三个...
                            s += " ";
                        }
                        document.getElementsByTagName("td")[i].innerHTML = s;
                    }
                }
            }

        </script>
    </head>
    <body onLoad="limitLen()">
        <table>
            <tr>
                <td>123dddddddddddd</td>
                <td>345</td>
                <td>测试测试测试测试测试1</td>
                <td>345</td>
            </tr>
            <tr>
                <td></td>
                <td>空的</td>
                <td>测试测试测试测试测试测试测试测试2</td>
                <td>test</td>
            </tr>
        </table>
    </body>
</html>

全部回答

1楼网友：北方的南先生
2021-01-30 19:57

同问。。。

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息