`

使用innerHtml向table添加行

 
阅读更多
<fmt:message key="xxxx"></fmt:message> 向table

 
  1. -<fieldset>  
  2.  -   <legend><fmt:message key="xxxx"/></legend>  
  3.   -  <table width="100%" id="fields" border="1" cellpadding="4" cellspacing="0"  
  4.                                 style="border-collapse: collapse">  
  5. -       <tr>  
  6.  -      <td><fmt:message key="sssss"/>  
  7.  -      </td>  
  8. -       </tr>  
  9.   -  </table>  
  10. -</fieldset>  


添加行
 
  1. function addTableTr(data){  
  2.         var row = fields.insertRow(fields.rows.length);//fields是table的id  
  3.         var col = row.insertCell(0);  
  4.         var i = row.rowIndex;//i从1开始  
  5.   
  6.        col = row.insertCell(i-1);  
  7.        col.innerHTML = “<input type='text' id='temp"+i + "'  />”; //在第i-1列添加一个text框  
  8.        //fields.children[i-1].children[i-1].children[i-1].text可以获得fields的第i-1行的第i-1列的第i-1个对象  
  9. }  
分享到:
评论

相关推荐

    table 使用js 高效 动态添加行

    在网页开发中,表格(Table)是展示数据的常用元素,而JavaScript(js)则提供了强大的功能来操作DOM(文档对象模型),包括动态地向表格中添加行。本篇文章将详细探讨如何使用JavaScript高效地实现表格动态添加行,...

    table动态添加行并编辑

    使用JavaScript,我们可以根据需求在运行时动态地向表格中添加行。通常涉及以下步骤: 1. 获取表格对象:通过DOM(Document Object Model)接口,如`document.getElementById`或`document.querySelector`来获取`...

    jstable添加行删除行复制行

    在`jstable添加行删除行复制行.html`这个示例文件中,可以看到这些概念是如何具体实现的。通过阅读和理解代码,你可以更深入地学习如何利用JavaScript实现表格的动态管理。同时,也可以结合CSS和jQuery等库来增强...

    table动态添加行

    4. **事件绑定**:对于删除行功能,通常我们会将删除操作绑定到行的右键菜单或行的特定图标上,这需要使用`addEventListener`为每个行添加事件监听器。 这样,我们就实现了基本的`HTML`表格动态添加和删除行的功能...

    table添加行 js

    在这个场景下,“table添加行 js”指的是如何使用JavaScript来动态地向HTML表格中添加新的行。下面将详细介绍这个知识点。 1. **HTML表格基础** - 表格由`&lt;table&gt;`标签创建,包含`&lt;tr&gt;`(行), `&lt;th&gt;`(表头)和`...

    table JS 添加行和删除行

    在本话题中,我们将深入探讨如何使用JavaScript来添加和删除HTML表格(table)中的行。这对于构建数据展示或者管理界面非常实用。 首先,让我们了解HTML表格的基本结构。一个简单的HTML表格由`&lt;table&gt;`标签定义,每...

    一个动态添加table行的js例子

    3. **添加属性和内容**:创建元素后,我们可以使用`.innerHTML`、`.innerText`或`.setAttribute()`方法为元素添加内容或属性。例如,向新行中添加单元格(`&lt;td&gt;`): ```javascript var newCell = document....

    JS动态添加、删除Table行排序(删除整行、删除整列)

    要动态添加行,我们可以使用`document.createElement()`方法创建新的`&lt;tr&gt;`元素,然后使用`innerHTML`或`appendChild()`来填充行的内容和将其添加到Table中。例如: ```javascript var table = document....

    javascript对table的添加,删除行的操作

    4. **将行添加到表格**:最后,将`&lt;tr&gt;`添加到表格的`&lt;tbody&gt;`(或直接添加到`&lt;table&gt;`,如果不存在`&lt;tbody&gt;`),`tableElement.tBodies[0].appendChild(tr)`。 ### 删除行 1. **选择要删除的行**:可以基于用户的...

    给 Table 增加行的 JavaScript 函数

    6. **将行添加到表格**:最后,将新行添加到表格的`&lt;tbody&gt;`部分,如果不存在`&lt;tbody&gt;`,则直接添加到`&lt;table&gt;`,`table.tBodies[0].appendChild(tr)`。 在实际应用中,我们可能需要处理更复杂的情况,例如处理数据...

    常用的js动态增加(删除)table数据行的功能

    要在表格中添加新行,可以使用`document.createElement()`创建新的`&lt;tr&gt;`元素,然后通过`innerHTML`或`appendChild()`方法添加数据。例如: ```javascript function addRow(tableID, data) { var table = ...

    动态添加行动态添加行

    在IT领域,尤其是在Web开发中,"动态添加行"是一个常见的需求,特别是在处理表格、列表或其他数据展示元素时。这个过程通常涉及到JavaScript(JS),因为HTML是静态的,无法直接响应用户交互。以下是对这个主题的...

    javascript table 增加删除行,巧妙实现

    在JavaScript中,表格(Table)是网页数据展示的常用元素,而动态地增加或删除行则是常见的交互需求。本文将深入探讨如何巧妙地利用JavaScript来实现这个功能。 首先,我们需要了解HTML中的`&lt;table&gt;`元素及其相关...

    js 操作 增加删除Table行

    本文将深入探讨如何使用JavaScript来动态地增加和删除表格(Table)的行。 首先,我们需要了解HTML表格的基本结构。一个基本的表格由`&lt;table&gt;`元素、`&lt;tr&gt;`(表格行)元素、`&lt;td&gt;`(表格数据单元格)元素组成。如果...

    js获取table行 列 的值

    3. **动态添加行**:可以添加一个按钮,点击后可以动态地向表格中添加一行。 4. **表单验证**:如果表格用于收集用户数据,还可以添加表单验证功能,确保用户输入的数据格式正确。 通过以上解析和扩展,我们可以更...

    js 实现 table 行排序

    一个简单的表格由 `&lt;table&gt;` 开始,包含多个 `&lt;tr&gt;`(行)元素,每个行中又有若干个 `&lt;td&gt;`(单元格)元素。为了实现排序,我们需要为表格的表头(`&lt;th&gt;`)添加点击事件监听器,以便在用户点击时触发排序操作。 ...

    js添加table的行和列 具体实现方法

    在JavaScript中,动态地向HTML表格(`&lt;table&gt;`元素)添加行和列是一项常见的任务,尤其在处理用户交互和数据展示时。本文将详细介绍如何使用JavaScript实现这个功能,通过几个示例来解释具体实现方法。 首先,我们...

    javascript动态添加table

    如果需要批量添加数据,可以使用for循环或forEach等迭代方法,根据数据数组动态创建表格的行和列。 7. **事件处理** 一旦表格动态创建,可以为它们的单元格或按钮添加事件监听器,如点击事件,以响应用户的交互。...

Global site tag (gtag.js) - Google Analytics