`

js 控制table 新增一行或一列

 
阅读更多
<html>

<head>

  <title> New Document </title>

<script type="text/javascript">

  function ss(){

   var subtable = document.getElementById('subject_tab');

   var i=subtable.rows.length;

   var addrow=subtable.insertRow();//添加一行到第一行的位置行

   var col1=addrow.insertCell(0);//添加列

   col1.innerHTML='<img src="../static/images/shuxue.jpg" />';

//  var col2=addrow.insertCell(1);//添加一行到第一列的位置行

var col2=addrow.insertCell();

   var j=subtable.rows[0].cells.length; //得到td的数目

   alert(j);

   col2.className="table01-td01"; 

   col2.innerHTML='167';

  }

</script>

</head>

<body>

<input type="button" value="click me" onclick="ss()" />

  <table id="subject_tab"  cellspacing="0" cellpadding="0" >

<tr><td>123</td></tr>

    </table>

</body>

</html>

效果就是一点按钮，table就多显示一列
分享到：
| 在装了FLEX builder插件的Eclipse中 ctrl+ ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js获取table行 列 的值

    这里的 `&lt;table&gt;` 标签定义了一个表格，并且每个 `&lt;tr&gt;` 元素代表一行，而 `&lt;td&gt;` 元素代表单元格。在这个例子中，每个单元格都包含一个 `&lt;input type="text"&gt;` 元素，用来显示具体的数值。 ### 二、JavaScript ...

    LayUI table新增空白行

    在使用LayUI框架开发网页应用时，可能会遇到需要在表格中添加空白行的需求，以实现某种特定的视觉效果或用户交互。然而，LayUI官方文档并未提供直接的新增空白行方法，这使得开发者需要自行寻找解决方案。在这种情况...

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

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

    js控制table的tr变色

    - **增强功能**：可以根据需求增加更多的交互效果，比如动态高亮不同列或行等。 #### 6. 总结 本文介绍了如何使用 JavaScript 控制表格行的颜色变化，这对于网页开发者来说是一项非常实用的技能。通过掌握这些基础...

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

    这意味着合并从表格的第一行和第一列开始进行。 在HTML部分，我们创建了一个包含国家和地区信息的表格。表头有两个单元格，分别表示“国家”和“地区”，接下来的几行展示了一些国家和地区数据。按照上面的...

    table动态增加删除行列

    使用javascript实现table动态增加删除行列。

    HTML表格固定第一行第一列效果

    为了解决这个问题，我们可以实现一个类似于Excel的功能，即在滚动时固定表格的第一行和第一列，使得在浏览大量数据时，关键的列名和行标识始终可见。以下将详细介绍如何实现这个效果。 首先，我们需要创建一个基本...

    上下左右键控制table中光标(兼容多浏览器)

    本文将详细讲解如何使用JavaScript实现输入框内上下左右键以及Enter键控制表格（table）中的光标移动，并在光标到达最后一个输入框时新增一行，确保这个功能在多个浏览器中都能正常工作。 首先，我们需要理解...

    给 Table 增加行的 JavaScript 函数

    标题 "给 Table 增加行的 JavaScript 函数" 暗示了我们...无论是简单的添加一行，还是复杂的数据绑定，都可以通过掌握基本的 DOM 操作来实现。实际应用中，我们还需要考虑性能优化、错误处理以及用户体验等方面的问题。

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

    - **列判断**：内层循环遍历每一行中的所有单元格 (`table.rows[i].cells.length`)，并判断是否需要对当前列执行合并操作（示例中仅对前四列执行合并操作）。 - **合并逻辑**：如果发现相邻两行的单元格内容相同，则...

    用于layui table 自定义列

    `cols`是一个二维数组，每个子数组代表表格的一行，子数组中的每个元素则代表该行的一个列。列的配置项包括`field`（字段名）、`title`（列标题）、`width`（宽度）等。通过在列配置中添加自定义函数或者HTML模板，...

    js对Table排序经典

    在JavaScript（js）中，对HTML表格（Table）进行排序是一项常见的需求，特别是在网页交互和数据展示中。本文将深入探讨如何使用JavaScript实现点击表头进行动态排序，并处理各种复杂情况，如包含HTML标签的单元格、...

    Js表格点击列排序,选择行,Blue Table代码.rar

    综上所述，"Blue Table"是一个强大的JavaScript表格插件，提供了点击列排序和选择行的功能，这对于任何需要处理大量数据的Web应用都是宝贵的工具。通过理解其内部机制和提供的API，开发者能够创建出具有高效数据操作...

    bootstrap table单元格新增行并编辑

    Bootstrap Table 单元格新增行并编辑 Bootstrap Table 是一个功能强大且灵活的表格插件，能够帮助开发者快速构建复杂的表格界面。今天，我们将详细介绍 Bootstrap Table 单元格新增行并编辑的相关代码，并对其进行...

    合并table的行

    如果相等，则标记下一行的对应单元格为不可见，并增加`rowSpanNum`的计数。 3. **设置rowspan属性**：一旦遇到不同的值或到达表格的最后一行，代码会将当前行的单元格`rowspan`属性设置为`rowSpanNum`的值，即这些...

    js实现网页增加一行

    本主题将深入探讨如何使用纯JavaScript来实现在网页表格中动态增加一行的功能，无需后端服务器的参与，也不依赖Java代码。 首先，我们需要了解HTML表格的基本结构。HTML中的`&lt;table&gt;`元素用于创建表格，`&lt;tr&gt;`定义...

    HTML固定Table标题行的四种方法

    为解决这一问题，开发者通常采用JavaScript来实现Table标题行的固定，使其在滚动时始终保持可见。本文将详细介绍四种不同的JavaScript方法来实现HTML固定Table标题行。 1. **CSS Sticky Positioning** CSS3中的`...

    js控制表格排序，插入，删除，移动行或列，导出表格

    例如，可以遍历每一行，获取单元格的数据，然后根据数据类型（数字或字符串）进行升序或降序排序。对于复杂的数据，可以使用自定义排序函数来处理。 插入行或列的功能则需要在HTML结构中动态创建新的`&lt;tr&gt;`或`&lt;td&gt;`...

    JavaScript 操作table,可以新增行和列并且隔一行换背景色代码分享

    一种优化方式是事先创建好一组行和单元格，并在需要时通过JavaScript进行显示或隐藏，而不是每次添加一行时都创建新的DOM元素。 总结来说，JavaScript操作table可以实现动态地对表格进行增删改查等操作，并且可以...

    JS可编辑单元格内容可以增加或删除行和列

    例如，增加一行可以这样实现： ```javascript function addRow() { var table = document.getElementById('editableTable'); var newRow = table.insertRow(-1); for (var i = 0; i &lt; table.rows[0].cells....

Magicbox
Global site tag (gtag.js) - Google Analytics