<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
姓名:<input type="text" />
年龄:<input type="text" />
性别:<input type="text" />
<input type="button"value = "提交" id="btn">
<table border="0" id="Tab"></table>
<script>
var oIN = document.getElementsByTagName("input");
oIN[oIN.length-1].function(){
var oTr = document.createElement("tr");
for(var i=0;i<oIN.length-1;i++){
var oTd = document.createElement("td");
oTr.appendChild(oTd);
Tab.appendChild(oTr);
var val = oIN[i].value;
var oTxt = document.createTextNode(val);
oTd.appendChild(oTxt);
}
var anniu = document.createElement("td");
oTr.appendChild(anniu);
anniu.innerHTML = "<span>删除</span>";
var oSpan = document.getElementsByTagName("span");
for(var i =0;i<oSpan.length;i++){
oSpan[i].onclick = function(){
Tab.removeChild(this.parentNode.parentNode);
}
}
}
</script>
</body>
</html>
获取表单信息,存放在表格中,展示出来并删除
猜你喜欢
转载自blog.csdn.net/qq_44681288/article/details/88918768
今日推荐
周排行