利用循环removeChild删除节点只删除一半问题
<! DOCTYPE html> < html > < head > < title >adduser.html</ title > < meta http-equiv = "keywords" content = "keyword1,keyword2,keyword3" > < meta http-equiv = "description" content = "this is my page" > < meta http-equiv = "content-type" content = "text/html; charset=UTF-8" > <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> < script type = "text/javascript" src = "../js/append1.js" ></ script > </ head > < body > < div align = "center" > < div >添加联系人</ div > < input type = "text" name = "name" >姓名< br /> < input type = "text" name = "phone" >电话< br /> < input type = "text" name = "mail" >邮箱< br /> < input type = "button" onclick = "add()" value = "提交" > </ div > < hr > < div align = "center" > < table border = "1" cellspacing = "0" id = "table" > < tr id = "Button" > < td colspan = "4" align = "center" > < input type = "button" value = "全选" onclick = All ()> < input type = "button" value = "反选" onclick = other ()> < input type = "button" value = "删除" onclick = Delete ()> </ td > </ tr > < tr > < td >< input name = "items" type = "checkbox" ></ td > < td >李四</ td > < td >1361888234</ td > < td >ab@sina.com</ td > </ tr > </ table > </ div > </ body > </ html > |
function
add(){
var
Node_name=document.getElementsByName(
"name"
)[0];
var
Node_phone=document.getElementsByName(
"phone"
)[0];
var
Node_mail=document.getElementsByName(
"mail"
)[0];
var
Element_tr=document.createElement(
"tr"
);
var
select_td=document.createElement(
"td"
);
var
input_node=document.createElement(
"input"
);
input_node.setAttribute(
"name"
,
"items"
);
input_node.setAttribute(
"type"
,
"checkbox"
);
select_td.appendChild(input_node);
var
name_td=document.createElement(
"td"
);
var
name_text=document.createTextNode(Node_name.value);
name_td.appendChild(name_text);
var
phone_td=document.createElement(
"td"
);
var
phone_text=document.createTextNode(Node_phone.value);
phone_td.appendChild(phone_text);
var
mail_td=document.createElement(
"td"
);
var
mail_text=document.createTextNode(Node_mail.value);
mail_td.appendChild(mail_text);
Element_tr.appendChild(select_td);
Element_tr.appendChild(name_td);
Element_tr.appendChild(phone_td);
Element_tr.appendChild(mail_td);
var
Element_table=document.getElementById(
"table"
);
Element_table.appendChild(Element_tr);
}
function
All(){
var
check_node=document.getElementsByName(
"items"
);
for
(
var
i = 0; i < check_node.length; i++) {
check_node[i].checked=
"checked"
;
}
}
function
other(){
var
check_node=document.getElementsByName(
"items"
);
for
(
var
i = 0; i < check_node.length; i++) {
if
(check_node[i].checked){
check_node[i].checked=
null
;
}
else
{
check_node[i].checked=
"checked"
;
}
}
}
function
Delete(){
var
check_node=document.getElementsByName(
"items"
);
//alert(check_node.length);
for
(
var
i = 0; i < check_node.length; i++) {
if
(check_node[i].checked){
//alert(check_node[i].checked);
var
delete_tr_node=check_node[i].parentNode.parentNode;
//alert(delete_tr_node.nodeName);
var
Element_table=document.getElementById(
"table"
);
Element_table.removeChild(delete_tr_node);
}
}
}
利用循环removeChild删除节点只删除一半问题的更多相关文章
- [转]Javascript removeChild()删除节点及删除子节点的方法(同样适用于jq)
Javascript removeChild()删除节点及删除子节点的方法 这篇文章主要介绍了Javascript removeChild()删除节点及删除子节点的方法的相关资料,需要的朋友可以参考下 ...
- js进阶 11-12 jquery如何实现节点的删除和复制
js进阶 11-12 jquery如何实现节点的删除和复制 一.总结 一句话总结:remove().detach().empty()方法 1.jquery删除节点中的remove()方法和detac ...
- jQuery中的查找节点、创建节点、插入节点、删除节点、替换节点、复制节点操作方法
jQuery操作节点我们可以分六点来讲,查找节点.创建节点.插入节点.删除节点.替换节点.复制节点. 一.查找节点 text() - 设置或返回所选元素的文本内容 ,html() - 设置或返回所 ...
- jQuery里面的DOM操作(查找,创建,添加,删除节点)
一:创建元素节点(添加) 创建元素节点并且把节点作为元素的子节点添加到DOM树上 append(): 在元素下添加元素 用法:$("id").append("定义的节点& ...
- hdu2473 Junk-Mail Filter 并查集+删除节点+路径压缩
Description Recognizing junk mails is a tough task. The method used here consists of two steps: 1) ...
- RedisCluster 添加/删除节点
一,redis cluster命令行 //集群(cluster) CLUSTER INFO 打印集群的信息 CLUSTER NODES 列出集群当前已知的所有节点(node),以及这些节点的相关信息. ...
- 删除节点removeChild()
http://www.imooc.com/code/1700 删除节点removeChild() removeChild() 方法从子节点列表中删除某个节点.如删除成功,此方法可返回被删除的节点,如失 ...
- JavaScript--DOM删除节点removeChild()
删除节点removeChild() removeChild() 方法从子节点列表中删除某个节点.如删除成功,此方法可返回被删除的节点,如失败,则返回 NULL. 语法: nodeObject.remo ...
- 删除节点(removeChild())
remoceChild():方法将从一个给定元素里删除一个子节点: reference = element.removeChild(node); 这个方法的返回值是一个指向已经被删除的子节点的引用指针 ...
随机推荐
- Libcurl笔记三
一,post请求和回报处理 //"host/path?extra" //strHttp=" http://portal.liuhan.com:/web/getConfig ...
- 关于AjaxPro的用法
1.添加引用AjaxPro.2.dll到项目中 2.添加webconfig iis6添加 在<system.web>中添加: <httpHandlers> <add ve ...
- 在ubuntu下给eclipse创建桌面快捷方式
在桌面进行编辑 编辑eclipse.desktop [Desktop Entry] Encoding=UTF-8 Name=Eclipse Platform Comment=Eclipse IDE E ...
- Oracle的AUTOTRACE功能
ORACLE9i在使用autotrace之前,需要作一些初始设置: 1.用sys用户运行脚本utlxplan.sql创建PLAN_TABLE表 脚本目录:(UNIX:$ORACLE_HOME/rdbm ...
- class_create(),device_create自动创建设备文件结点
class_create(),device_create自动创建设备文件结点 从linux 内核2.6的某个版本之后,devfs不复存在,udev成为devfs的替代.相比devfs,udev有很多优 ...
- iOS sqlite数据库实现(转)
转载自:http://www.cnblogs.com/macroxu-1982/archive/2012/10/01/2709960.html 1 实现过程添加libsqlite3组件 选择项目后,在 ...
- 微软职位内部推荐-Principal Architect for Windows Security
微软近期Open的职位: Location: China, BeijingDivision: Operations System Group Engineering Group OverviewOSG ...
- 微软职位内部推荐-Senior Network Engineer
微软近期Open的职位: Global Foundation Services is the team behind the cloud. GFS is responsible for deliver ...
- 隐藏和显示效果js动画
<div id='ctt' style='margin-left: 50px; color: white'> <input type="button ...
- MySQL5.5版本安装失败问题
安装的时候前边都正常,总是到最后一步出问题.前几次是到最后一步没有响应,网上有一种方法是在安装MySQl的时候改变默认的服务名“MySQL”.但我试过这种方法,好几次都没成功. 这种情况下我用了第二种 ...