一获取节点
1)通过id获取元素
var x=document.getElementById(“main”);
2)通过标签获取元素
var y=x.getElementsByTagName(“p”);
3)通过class获取元素
var x=document.getElementsByClassName(“intro”);
二创建删除节点
var li=createElement(“li”);
var text=createTextNode(“北京”);
li.appendChild(text);
三:全选反选
爱好 全选
篮球 足球 羽毛球 乒乓球全选 取消全选 反选
</form>
四添加一行删除 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
// 编写一个函数,供添加按钮调用,动态在表格的最后一行添加子节点;
function add(){
var name=document.getElementsByName(“name”)[0].value;
var phone=document.getElementsByName(“phone”)[0].value;
//alert(phone);
var email=document.getElementsByName(“email”)[0].value;
var tr=document.createElement(“tr”);
var xn=document.createElement(“td”);
var xp=document.createElement(“td”);
var xe=document.createElement(“td”);
xn.innerHTML=name;
xp.innerHTML=phone;
xe.innerHTML=email;
var del=document.createElement(“td”);
del.innerHTML=“删除”;
var tab=document.getElementById(“table”);
tab.appendChild(tr);
tr.appendChild(xn);
tr.appendChild(xp);
tr.appendChild(xe);
tr.appendChild(del);
}
// 创建删除函数
function del(obj)
{
var tr=obj.parentNode.parentNode;
tr.parentNode.removeChild(tr);
}
手 机 号
电子邮件
设置密码
重复密码
姓名 | 手机号 | 电子邮件 | 操作 |
---|