怎么用js控制表格中数据的长度
日期：2014-05-17 浏览次数：20827 次
如何用js控制表格中数据的长度
如何用js控制表格中数据的长度，比如 一个表格中一行长度为100，要求动态的从数据库中取出并填入其中的数据只显示
前一百个字符，后面的用省略号表示。
------解决方案--------------------
用CSS控制，数字超出边界自动变成...
用js麻烦点，截取前100个字替换当前单元格
------解决方案--------------------
先编辑一下要写到页面的数据,截取前100个字符,后面加上...然后将值赋到页面
------解决方案--------------------
随便用baidu搜了一下：
如何用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方法进行截取。
------解决方案--------------------
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
