如何用js控制表格中数据的长度
如何用js控制表格中数据的长度，比如 一个表格中一行长度为100，要求动态的从数据库中取出并填入其中的数据只显示
前一百个字符，后面的用省略号表示。
[解决办法]
用CSS控制，数字超出边界自动变成...
用js麻烦点，截取前100个字替换当前单元格
[解决办法]
先编辑一下要写到页面的数据,截取前100个字符,后面加上...然后将值赋到页面
[解决办法]
随便用baidu搜了一下：
- HTML code
<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>
[解决办法]
数据库 有自带的截取字符串的函数
substring(某字段, 0, 10) + '……' as 别名,
[解决办法]
从数据库中或从文件中取出来得都可以用substring方法进行截取。
[解决办法]