少年阿宾

那些青春的岁月

  BlogJava :: 首页 :: 联系 :: 聚合  :: 管理
  500 Posts :: 0 Stories :: 135 Comments :: 0 Trackbacks

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>javascript实现表格动态增加删除</title>

<script>
 function addline() {
  var table1=document.createElement("table");
  var row=table1.insertRow();
  var td1=row.insertCell();
  td1.innerHTML=document.getElementById("name1").value;
  var td2=row.insertCell();
  td2.innerHTML=document.getElementById("age1").value;
  var td3=row.insertCell();
  td3.innerHTML='<input type="button" value="删除" onclick="deleteRow(this.parentElement)" />';
  
  document.getElementById("div1").appendChild(table1); 
  table1.setAttribute('border','1');
 }
 function deleteRow(obj) {
  obj.parentElement.removeChild(obj);
 }
</script>
<body>
 <div id="div1" style="">
 
 </div>
 <input type="text" name="name" id="name1" />
 <input type="text" name="age" id="age1" />
 <input type="button" value="PRESS" onclick="return addline();" />
</body>
</html>

posted on 2012-08-28 23:55 abin 阅读(392) 评论(0)  编辑  收藏 所属分类: Javascript

只有注册用户登录后才能发表评论。


网站导航: