js table 常用操作 删除 复制(克隆) 添加 某一行
//删除 某行tr
function deleterow(obj){ //
var flag=confirm("确定要删除吗?"); //提示是否要删除 flag=true/false ( true删除 false不删除)
if(flag==true){
var tr=obj.parentNode.parentNode; //parentNode父节点
var table=tr.parentNode;
table.removeChild(tr); //删除子节点
else{}
}
<body>
onclick="deleterow(this)"
</body>
//复制 某行
function addrow(obj){
var tr=obj.parentNode.parentNode;//obj.parentNode.parentNode是<tr>
var table=tr.parentNode; //tr.parentNode是<table>
var y=table.rows.length;
var oldRow=tr;
if(oldRow){
var newRow=oldRow.cloneNode(true); //拷贝一行项到另外一行
newRow.setAttribute("id","y-1");
}
table.appendChild(newRow); //把克隆的一行添加到table
}
<body>
onclick="addrow(this)"
</body>
//添加一行数据
function tianjia(){ //在最后一行添加新商品数据 一行 table[ 1个tr [ 含有6个td ] ]
var table=document.getElementById("myToby");
//第一种添加tr方法
var newRow=document.createElement("tr");
var td1=document.createElement("td");
td1.innerHTML='<input type="checkbox" name="shop" value="4" /> <img src="U盘c.jpg" width="100px" />' ;
var td2=document.createElement("td");
td2.innerHTML="360随身WiFi3 300M 无线网卡 迷你路由器 黑色 ";
var td3=document.createElement("td");
td3.innerHTML="¥69.00";
var td4=document.createElement("td");
td4.innerHTML=' <input type="text" name="price" value="1" style="width:100px;" onchange="sum()" />'; //易错地方 通过innerHTML写入代码 需要加 ''(单引号)
var td5=document.createElement("td");
td5.innerHTML='<span id="sum4" class="red">¥69.00</span>';
var td6=document.createElement("td");
td6.innerHTML='<a href="#" onclick="deleterow(this)">删除</a><br /><a href="#" onclick="addrow(this)">点击再加入购物车一套</a>';
newRow.appendChild(td1); //先把td添加到tr ,再把tr添加到table
newRow.appendChild(td2);
newRow.appendChild(td3);
newRow.appendChild(td4);
newRow.appendChild(td5);
newRow.appendChild(td6);
table.appendChild(newRow);
//第二种添加tr方法
/*table.innerHTML+='<tr><td align="center"><input type="checkbox" name="shop" value="1" /><img src="shu1.jpg" width="100px" /></td> <td valign="top"><a href="#"> 彩色连环画中国历史(第一辑,1-10册)</a></td><td valign="top" >¥<span id="one">199.00</span></td><td valign="top"><input type="text" name="price" value="4" style="width:100px;" onchange="sum()" /></td><td valign="top"><span id="sum4" class="red" >¥199.00</span></td><td valign="top"><a href="#" onclick="deleterow(this)">删除</a><br /><a href="#" onclick="addrow(this)">点击再加入购物车一套</a></td></tr>'*/
}
<body>
onclick="tianjia(this)"
</body>
转载:
- 问题二-jsp页面几个常用操作(添加一行、删除、取消修改、保存、修改)-js代码(OK)
- 利用jquery给指定的table动态添加一行、删除一行,复制,值不重复等操作
- div节点的操作(添加,删除,替换,克隆)
- js操作dom节点,创建,复制,删除,添加,查找等操作总结
- ListView常用的simpleAdapter适配已经添加删除数据的操作
- MySQL添加列、删除列,创建主键等常用操作总结
- javascript表格操作大全:表格排序/倒序、动态添加列、批量删除、删除一行、隔行变色、鼠标悬浮切换背景色、全选/反选。(IE、火狐都兼容)
- MySQL添加列、删除列,创建主键等常用操作总结
- MongoDB创建表步骤,Mongo常用的数据库操作命令,查询,添加,更新,删除_MongoDB 性能监测
- JSP中实现添加一行,删除一行操作
- MongoDB创建表步骤,Mongo常用的数据库操作命令,查询,添加,更新,删除_MongoDB 性能监测
- 如何为Xcode添加删除整行、复制整行及在下方新建一行快捷键详解
- mysql添加列、删除列,创建主键、备份等常用操作总结
- Linux常用命令及操作(二)查看用户组、更改文件(夹)权限、复制、将用户添加到root
- C#File类常用的文件操作方法(创建、移动、删除、复制等) File类,是一个静态类,主要是来提供一些函数库用的。静态实用类,提供了很多静态的方法,支持对文件的基本操作,包括创建,拷贝,移动,删除和
- div节点的操作(添加,删除,替换,克隆)
- 封装好的cookie的三个常用函数 cookie的添加、删除、提取操作函数
- 常用的文件(夹)操作指令 复制 删除
- ubuntu 一些常用操作 (复制,删除...)
- 黄聪:destoon常用数据库操作(插入、更新、删除、获取一行信息)