`
vbtboy
  • 浏览: 47888 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

给 Table 增加行的 JavaScript 函数

阅读更多
function addRowToTable(strTableId, arrTdText)
{
var objTable = document.getElementById(strTableId);
if(objTable == null) {
return;
}

var objTableBody = objTable.getElementsByTagName("TBODY")[0];
var row = document.createElement("TR")
for(var i = 0; i < arrTdText.length; i++) {
var col = document.createElement("TD")
col.appendChild(document.createTextNode(arrTdText[i]))
row.appendChild(col);
}

objTableBody.appendChild(row);
}
分享到:
评论

相关推荐

    一个用于将JSON数据转换为Table的JavaScript库

    为了实现这一功能,一个名为“json-table-converter”的JavaScript库应运而生。 这个库的核心功能是将JSON对象转换为HTML表格,它提供了一种简单、高效的方法来处理这种数据转换。开发者无需手动编写繁琐的DOM操作...

    Layui组件Table绑定行点击事件和获取行数据的方法

    在事件函数中,通过查找具有layui-table-hover类的元素来获取当前行的data-index属性值,然后将这个值转换为字符串形式,用于从数据集合中获取行数据。最后调用fun.openLayer函数来根据获取的行数据打开一个弹层展示...

    js 操作 增加删除Table行

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

    LayUI table新增空白行

    在这种情况下,通过对LayUI的table模块进行自定义修改,我们可以实现动态数据加载时插入空白行的功能。 首先,理解LayUI的table模块。LayUI的table组件是一个强大的数据展示工具,它支持各种操作,如分页、排序、...

    JavaScript Table行定位效果

    在JavaScript编程领域,实现"Table行定位效果"是一项常见的需求,尤其在网页设计和数据展示中。这个主题主要关注如何通过JavaScript技术使表格中的特定行在用户滚动页面时始终保持可见,这种效果通常被称为"固定表头...

    table行增加.zip

    首先,我们来理解"table行增加"的概念。在网页上,HTML表格由`&lt;table&gt;`、`&lt;tr&gt;`(行)、`&lt;td&gt;`(单元格)等元素组成。动态增加行通常涉及到JavaScript或者jQuery的使用,因为纯HTML无法实现这种交互性功能。在给定的...

    JS example:点击按钮table增加一行,删除一行

    这篇博客“JS example:点击按钮table增加一行,删除一行”提供了具体的示例,帮助开发者掌握这一技能。 首先,让我们理解基本概念。HTML表格由`&lt;table&gt;`元素定义,`&lt;tr&gt;`元素表示表格行,`&lt;td&gt;`元素表示单元格,而...

    JavaScript获取表格(table)当前行的值、删除行、增加行

    在JavaScript中,操作HTML表格(table)是一种常见的需求,包括获取当前行的值、删除行以及增加行。本文提供了一段代码示例,演示了如何实现这些功能。 首先,我们来详细讲解如何获取表格当前行的值。在这个例子中...

    改变选择table行的背景色

    ### 改变选择table行的背景色 在网页开发中,为了提高用户体验并增强界面的交互性,我们经常需要对用户的行为做出响应。一个常见的需求是当用户选中表格(`table`)中的某一行时,能够改变该行的背景颜色。这种方式...

    js控制table增加行和列实用.pdf

    在JavaScript中,对HTML表格(`&lt;table&gt;`)进行动态操作是常见的需求,例如增加行或列。在提供的文件中,我们看到几个函数演示了如何使用JavaScript实现这一功能。以下是对这些函数的详细解释和扩展知识: 1. `add...

    JS 实现Table相同行的单元格自动合并示例代码

    在上述示例代码中,我们看到了一个自定义的JavaScript函数`autoRowSpan(tb, row, col)`,它接受三个参数:表格对象`tb`、起始行`row`和列索引`col`。该函数的目的是遍历表格的所有行,并根据列`col`中的值来判断是否...

    利用jquery给指定的table动态添加一行、删除一行的方法

    这篇文章主要介绍了如何使用jQuery在指定的HTML表格(table)中动态地添加和删除行。jQuery是一种广泛使用的JavaScript库,它简化了DOM操作,包括在表格中动态修改内容。 首先,我们要理解HTML表格的基本结构,一个...

    javascript 常用验证函数.doc

    - 日历、时间控件、万年历、动态显示时钟效果等,通常通过创建自定义HTML元素和JavaScript函数实现。 2. 表单类: - 自动生成表单:动态创建HTML元素并绑定事件处理程序。 - 动态添加、修改、删除下拉框元素:...

    Bootstrap Table两个table间行数据拖拽

    对于接收的表格,定义`drop`事件处理函数,以在目标表格中插入新行。 3. **数据处理**:在`drop`事件中,你需要捕获拖动行的数据,并将其添加到目标表格。这可能涉及到与后端服务器的交互,更新数据源,然后使用...

    JavaScript Table排序

    这里可以使用JavaScript的数组方法`sort()`,它接受一个比较函数作为参数。比较函数接收两个元素作为参数,返回值决定了它们的相对顺序。 例如,如果我们要根据年龄排序,可以编写如下JavaScript代码: ```...

    javascript万能table合并单元格,隐藏列 html版

    - **合并逻辑**:如果发现相邻两行的单元格内容相同,则隐藏后面的单元格,并将前面单元格的 `rowSpan` 增加 1,表示该单元格将跨越更多的行。 ##### 2. 显示与隐藏列 除了合并单元格外,还可以通过点击按钮来控制...

    js控制隐藏显示table特定列

    在上面的代码中,我们使用了一个 JavaScript 函数 `ColumnState` 来控制 TABLE 的显示和隐藏。该函数接收一个 Checkbox 对象作为参数,然后根据 Checkbox 的状态来显示或隐藏相应的列。 知识点 5:使用 EVENT 事件...

    javascript完整操作Table的增加行,删除行的列子大全

    ### JavaScript 完整操作 Table 的增加行与删除行知识点详解 #### 一、引言 在 Web 开发中,表格(Table)是非常常见的一种数据展示形式。JavaScript 提供了丰富的 API 来操作 DOM(Document Object Model),使得...

Global site tag (gtag.js) - Google Analytics