js动态增加行删除行

叁歲伎倆 2022-08-07 05:53 192阅读 0赞

//动态增加行
    function addRow(tab){
    	var title = "";
    	var table = document.getElementById(tab);
    	var newRow = table.insertRow();//
    	var newCell = newRow.insertCell();
    	if(tab=="projectTab"){
    		title = $("#proTitle").val();
    		newCell.innerHTML="<input type='text' value="+title+" style='border-top:0px;border-left:0px;border-bottom:0px;border-right:0px;width:70px;' /><textarea style='width:600px;height:120px;vertical-align:top;'></textarea>  <a href='javascript:void(0);' οnclick=\"deleteRow(this,'projectTab')\">删除</a>";
    	}else if(tab=="companyTab"){
    		title = $("#comTitle").val();
    		newCell.innerHTML="<input type='text' value="+title+" style='border-top:0px;border-left:0px;border-bottom:0px;border-right:0px;width:70px;' /><textarea style='width:600px;height:120px;vertical-align:top;'></textarea>  <a href='javascript:void(0);' οnclick=\"deleteRow(this,'companyTab')\">删除</a>";
    	}else{
    		title = $("#riskTitle").val();
    		newCell.innerHTML="<input type='text' value="+title+" style='border-top:0px;border-left:0px;border-bottom:0px;border-right:0px;width:70px;' /><textarea style='width:600px;height:120px;vertical-align:top;'></textarea>  <a href='javascript:void(0);' οnclick=\"deleteRow(this,'riskTab')\">删除</a>";
    	}
    }
    //动态删除行
    function deleteRow(obj,tab){
    	var tr = obj.parentNode.parentNode;
    	var tbody = tr.parentNode;
    	tbody.removeChild(tr);
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，192人围观）

还没有评论，来说两句吧...

相关阅读

相关 html5 table删除修改,HTML Table 动态增加删除行 code 实例

Dynamic Table function addRow(tbodyID) \{ var bodyObj=document.getElementById(tbodyID

拼搏现实的明天。/ 2022年10月06日 07:52/ 0 赞/ 199 阅读

相关动态增加，删除表格行并按照表格列排序

接着[上一篇博文][Link 1]，解决上一篇博文最后遗留的瑕疵，同时，给表格列添加了排序功能。解决掉的问题 1 乱码的

迷南。/ 2022年08月07日 14:47/ 0 赞/ 283 阅读

相关 js动态增加行删除行

//动态增加行 function addRow(tab){ var title = ""; var table = document.get

叁歲伎倆/ 2022年08月07日 05:53/ 0 赞/ 193 阅读

相关 JavaScript动态添加/删除表格行

> 跟着廖雪峰的 [JS教程][JS] 初步学习了一下JavaScript，看到 DOM操作部分的时候，想着找个小例子实践，恰好项目页面对表格的操作较多，需要解决简单的 ta

刺骨的言语ヽ痛彻心扉/ 2022年07月13日 00:25/ 0 赞/ 383 阅读

相关 swing 表格模型增加删除行和列

package table; import java.awt.BorderLayout; import java.awt.event.Acti

怼烎@/ 2022年06月15日 08:50/ 0 赞/ 387 阅读

相关 javascript——动态增加删除行

<%@ page language="java" import="java.util.\" pageEncoding="UTF-8"%> <% String path

快来打我*/ 2022年05月09日 13:38/ 0 赞/ 264 阅读

相关 Word增加和删除行号

需求：（1）在每行的前面添加行号（2）将每行前的行号去掉一、增加行号可通过创建宏来实现 1 点击Word顶部工具栏的“视图” --> “宏” -->

比眉伴天荒/ 2022年05月09日 04:52/ 0 赞/ 291 阅读

相关 C#点击按钮用DataGridView动态增加行、删除行，增加按钮列

原来有一行： ![990022-20161104115257127-602723937.png][] 点击添加，在下面增加同样的一行 ![990022-201611041

妖狐艹你老母/ 2021年12月24日 08:39/ 0 赞/ 739 阅读

相关 table增加行，删除行

【需求】：设置按钮增加行，删除行【代码】： <input type="button" value="添加行" onclick="addtr()"> <ta

妖狐艹你老母/ 2021年09月19日 15:08/ 0 赞/ 525 阅读

相关 js 操作表格-删除行

表格删除行表格删除行不适用父对象.removeChild()方法表格对象.deleteRow(行对象); 不论行对象是谁，都只会删除

╰+哭是因爲堅強的太久メ/ 2021年07月24日 14:02/ 0 赞/ 606 阅读