`
cpf1985
  • 浏览: 78250 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript操作table

    博客分类：
  • java
JavaScriptJava 
阅读更多 
  <html>
  <body>
    
	 
  <body>
   <table name="tab" id="tab">
      <tr>
	     <td>测试</td>
		 <td>test</td>
	  </tr>
	  
   </table>
   <input type="button" value="增加行" onclick="insert()"/>
   <input type="button" value="删除行" onclick="del()"/>
 <script>
	    function insert(){
		    var tab1=document.getElementById("tab");
			var tr =tab1.insertRow();
			var tb1 =tr.insertCell(0);
			var tb2 =tr.insertCell(1);
			tb1.innerHTML="<input type='text' name='username' id='username' value='新增列1'/>";
			tb2.innerHTML="<input type='text' name='username' id='username' value='新增列2'/>"; 
		   
		}
		function del(){
		   var alltr=document.getElementsByTagName("tr");
		   var tab=document.getElementById("tab");;
		   tab.deleteRow(alltr.length-1);
		   
		}
		//insert()
	 </script>
   </body>
</html>
分享到：
| 上传图片立即显示缩略图
评论
发表评论

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

相关推荐

    javascript 操作 table

    javascript 操作 table的一个例子. 可以下去研究下

    javascript 操作table的特性.docx

    ### JavaScript操作Table的特性 #### 一、概述 在Web开发中，`&lt;table&gt;`元素是一种常见的HTML结构，用于展示数据。随着JavaScript的发展，我们可以通过脚本来动态地控制表格的行为和外观，从而实现更加丰富的用户...

    javascript 操作 Table 排序

    在JavaScript中，操作HTML表格...综上所述，JavaScript操作HTML表格排序涉及数据提取、自定义比较函数、事件监听以及DOM操作等多个方面。理解这些概念并灵活运用，可以帮助我们创建功能强大且用户体验良好的表格应用。

    javascript操作table(增加/删除行/单元格)

    对表格的行和列进行插入/删除，并对每行添加行号

    javascript 操作table的特性

    JavaScript操作table的特性主要包括以下几个方面： 1. 动态创建表格： 在JavaScript中，可以通过编程方式动态创建表格。例如，使用`document.createElement("table")`来创建一个新的table元素，然后可以通过一系列...

    JavaScript操作select&&table

    #### 二、JavaScript操作Table元素 在网页中，`&lt;table&gt;`元素用于创建表格。JavaScript可以用来动态地创建或修改表格，例如添加或删除行、列等。下面将介绍一些基本的操作方法。 ##### 1. 删除表格的行 ```...

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

    总结来说，JavaScript操作table可以实现动态地对表格进行增删改查等操作，并且可以结合DOM操作对表格的外观进行个性化的定制，如隔行换色等。通过上述示例的讲解，我们可以掌握到如何通过JavaScript进行表格的动态...

    使用javascript脚本操作table

    使用javascript脚本向页面中的table添加和删除行

    使用javascript 对table 进行行级排序

    用于b/s前端表格数据排序的方法,使用javascript 操作table,可以选择对表格中任一部分进行排序的说

    Table相关整理及Javascript操作table,tr,td

    复制代码代码如下: &lt;table cellSpacing=”0″ cellPadding=”0″ border=’1′ bordercolor=”black” xss=removed&gt;&lt;/table&gt; 很多人都有这种经历：当某个td中没有内容或者没有可见元素时，td的border也会消失。解决...

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

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

    javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法详解)

    在JavaScript中，对HTML表格进行动态操作是一项常见的任务，特别是当需要根据用户交互或者程序逻辑来添加、删除或修改表格内容时。...总之，JavaScript的这些表格操作方法是动态网页开发中不可或缺的一部分。

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

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

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

    在JavaScript中，对HTML表格（`&lt;table&gt;`元素）进行添加和删除行的操作是常见的前端开发任务，尤其在动态展示数据或用户交互场景下。这篇博文主要探讨如何使用JavaScript实现这些功能。 首先，我们需要理解HTML表格...

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

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

    给 Table 增加行的 JavaScript 函数

    JavaScript 作为浏览器端的主要脚本语言，提供了丰富的 API 和方法来操作 DOM 元素，包括表格。 在 HTML 中，`&lt;table&gt;`元素用于创建表格，而行由`&lt;tr&gt;`元素定义，单元格则由`&lt;td&gt;`或`&lt;th&gt;`元素表示。要使用 ...

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