`

如何在table的<td>中限制显示的字数

阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>截取字符串</title>
<script>
function cutStr(len){
    var obj=document.getElementById('table1').getElementsByTagName('td');
    for (i=0;i<obj.length;i++){
        obj[i].innerHTML=obj[i].innerHTML.substring(0,len)+'…';
    }
}
</script>
</head>
<body onload="cutStr(10)">
<table id="table1" style="border:1px solid #ccc; font-size:12px;">
    <tr>
        <td>11111111111111111111111</td><td>2222222222222222222</td>
    </tr>
    <tr>
        <td>3333333333333333333333</td><td>444444444444444444444</td>
    </tr>
</table>
</body>
</html>

分享到:
评论

相关推荐

    html表格<table></table>

    &lt;td rowspan="2"&gt; &lt;/td&gt; &lt;td&gt; 第二行的单元格 &lt;/td&gt; &lt;td&gt; 第三行的单元格 &lt;/td&gt; &lt;/tr&gt; &lt;tr &gt; &lt;td colspan="2" align="center"&gt; 第二行的单元格 &lt;/td&gt; &lt;/tr&gt; &lt;tr &gt; &lt;td&gt; 第一行...

    正则截取TD里面包含的数据

    根据提供的文件信息,我们可以深入探讨如何使用正则表达式来截取HTML表格(通常由`&lt;table&gt;`标签定义)中的`&lt;td&gt;`标签所包含的数据。在Web开发和数据抓取过程中,正则表达式是一种非常强大的工具,可以帮助开发者快速...

    JSP中table的td标签迭代循环

    给出的代码示例展示了如何在JSP中使用`&lt;logic:iterate&gt;`标签来遍历一个名为`infoContentList`的列表,并将每个元素的`st_img`属性值作为图片源显示在一个表格中。此外,还通过计算当前索引与4取模的结果来实现每四张...

    td 内容自动换行 table表格td设置宽度后文字太多自动换行

    在使用table展示内容时,经常会出现内容过长超出了单元格(td)的宽度,导致无法完整展示全部内容的情况。传统的table布局常常会导致内容溢出,影响页面的整体美观性。本篇文章针对的就是这个常见的问题,即如何设置...

    table标签使用方法

    通过本文的学习,你应该能够熟练掌握`table`标签的基本用法以及如何使用`colspan`和`rowspan`属性来合并单元格,同时也了解了如何使用`&lt;thead&gt;`、`&lt;tbody&gt;`和`&lt;tfoot&gt;`标签来增强表格的语义性和可访问性。...

    正则取html中table中td中的值

    在本主题“正则取html中table中td中的值”中,我们将探讨如何利用C#编程语言结合正则表达式来从HTML文档的表格(table)中提取td(表格数据单元格)内的内容。这对于网页爬虫、数据提取或自动化测试等场景非常实用。...

    table只显示横行、枞行

    &lt;tr&gt;&lt;td&gt;aaaa&lt;/td&gt;&lt;td&gt;aaaa&lt;/td&gt;&lt;td&gt;aaaa&lt;/td&gt;&lt;td&gt;aaaa&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; ``` - **`&lt;colgroup&gt;`**:将列分组,可以对整组列应用相同的样式。 - **`span`属性**:指定列组所包含的列的数量。 - **`rules="groups...

    html 表单排序

    在HTML中,`&lt;table&gt;`元素是用于展示结构化数据的标准方式,比如表格数据。而当我们谈论`&lt;table&gt;`表单排序时,我们通常是指如何对`&lt;table&gt;`中的数据...在实际项目中,应根据需求选择合适的方法实现`&lt;table&gt;`的排序功能。

    利用CSS控制表格table的交替颜色

    &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;3&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;4&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;5&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; ``` 此...

    双表头固定代码

    &lt;td&gt;body c&lt;/td&gt; &lt;br&gt; &lt;td&gt;body d&lt;/td&gt; &lt;br&gt; &lt;/tr&gt; &lt;br&gt; &lt;tr&gt; &lt;br&gt; &lt;td&gt;body a&lt;/td&gt; &lt;br&gt; &lt;td&gt;body b&lt;/td&gt; &lt;br&gt; &lt;/tr&gt; &lt;br&gt; &lt;tr&gt; &lt;br&gt; &lt;td&gt;body c&lt;/td&gt; &lt;br&gt; &lt;td&gt;body d&lt;/td&gt; &lt;br&gt; &lt;/tr&gt; &lt;br&gt; &lt;tr&gt; &lt;br&gt; &lt;td&gt;body a...

    HTML制作表格ppt课件.ppt

    HTML 表格制作是 HTML 中非常重要的一部分,它可以用来... &lt;TD colspan="2" bgcolor="yellow"&gt;办公设备、文具、耗材&lt;/TD&gt; &lt;/TR&gt; …… &lt;/TABLE&gt; 在上面的例子中,我们使用了 background 属性来设置表格的背景图片。

    购物车代码

    .println("&lt;table align='center'&gt;&lt;tr&gt;&lt;th&gt;图片&lt;/th&gt;&lt;th&gt;产品名称&lt;/th&gt;&lt;th&gt;产品价格&lt;/th&gt;&lt;th colspan=2&gt;操作&lt;/th&gt;&lt;/tr&gt;"); try { DBaccess db = new DBaccess(); ArrayList&lt;Goods&gt; goods = db.Search...

    网页设计表格.ppt

    表格主要通过三个标签来构成:&lt;table&gt;、&lt;tr&gt;、&lt;td&gt;。其中,&lt;table&gt;是表格的根元素,&lt;tr&gt;是表格的行元素,&lt;td&gt;是表格的单元格元素。基本语法如下: &lt;table&gt; &lt;tr&gt; &lt;td&gt;…&lt;/td&gt; … &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;…&lt;/td&gt; … ...

    AngularJS中的Directive自定义一个表格

    &lt;td&gt;&gt;&lt;/td&gt; &lt;td&gt;&gt;&lt;/td&gt; &lt;td&gt;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;div&gt;4行&lt;/div&gt; ● 点击某个th,就对该列进行排序 ● 可以给表头取别名 ● 可以设置某个列是否显示 ● 表格下方有一行显示总行数 我们希望表格按如下方式...

    HTML table的使用

    在上述代码中,我们为表格添加了标题,并通过`&lt;colgroup&gt;`设置了列宽。同时,用`&lt;thead&gt;`和`&lt;tfoot&gt;`区分了表头和页脚。 HTML表格还支持嵌套,即在一个单元格内创建另一个表格。此外,通过CSS可以对表格进行更丰富...

    JSP图书管理系统

    &lt;td height="108" valign="top"&gt;&lt;table width="206" height="110" border="0" cellpadding="0" cellspacing="0" background="image/dongkuaif.gif"&gt; &lt;!--DWLayoutTable--&gt; &lt;tr&gt; &lt;td width="15" height="9"&gt;&lt;/td&gt;...

    网站首页信息展示

    - **列标签**:`&lt;td&gt;`(Table Data)表示表格中的一个数据单元格。而`&lt;th&gt;`(Table Header)则表示表格中的表头单元格,默认情况下会居中并加粗显示。 #### 2. 表格属性详解 - **`border`**:定义表格边框的宽度,...

    HTML制作表格.ppt

    &lt;TD&gt;单元格内容&lt;/TD&gt; … &lt;/TR&gt; … &lt;/TABLE&gt; 三、创建表格 创建表格可以使用TABLE标签,border属性用于设置表格边框的尺寸大小。例如: &lt;TABLE border="2"&gt; &lt;TR&gt; &lt;TH&gt;姓名&lt;/TH&gt; &lt;TH&gt;性别&lt;/TH&gt; &lt;TH&gt;学号&lt;/...

    第6章 表格元素.pdf

    通过在&lt;table&gt;元素中使用border属性,可以为表格添加边框。 示例代码如下: ```html &lt;table border="1"&gt; &lt;tr&gt; &lt;td&gt;张三&lt;/td&gt; &lt;td&gt;男&lt;/td&gt; &lt;td&gt;未婚&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;李四&lt;/td&gt; &lt;td&gt;女&lt;/td&gt; &lt;td&gt;已婚...

Global site tag (gtag.js) - Google Analytics