Question

javascript写一个,控制表格中字段的长度,超出25个字符的部分用省略号表示.

在td内使用,不要用jquery等框架写.

Answer 1

<table width="459" border="1" id="TableA">
<tr>
<td>我是二十五个字我是二十五个字我是二十五个字测试一下</td>
</tr>
<tr>
<td>我是二十六个字我是二十六个字我是二十六个字测试一下啊</td>
</tr>
<tr>
<td>我是二十七个字我是二十七个字我是二十七个字测试一下啊啊</td>
</tr>
</table>
<script language="javascript" type="text/javascript">
function aa(Table){
var one=document.getElementById(Table);
var opT=one.document.getElementsByTagName("td");
for(var i=0;i<opT.length;i++){
if(opT[i].innerText.length>25){
opT[i].innerText=opT[i].innerText.substring(0,25)+"..."
}
}
}
aa("TableA");
</script>

Answer 2

<script language="javascript" type="text/javascript">
function aa(Table){
var one=document.getElementById(Table);
var opT=one.getElementsByTagName("td"); //楼上的语法错误，one后面不需要document
for(var i=0;i<opT.length;i++){
if(opT[i].innerHTML.length>25){ //是innerHTML不是innerText，因为innerText在 tr 中是只读的不能用innerText=Value这种形式使用
opT[i].innerHTML=opT[i].innerHTML.substring(0,25)+"..."
}
}
}
aa("TableA");
</script>