为何用这个获取 var tbody = document.getElementById('table').lastChild;


	<!DOCTYPE html>
	<html>
	<head>
	<title> new document </title>
	<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
	<script type="text/javascript">
	window.onload = function(){
	Highlight();
	}
	function addOne(obj){
	var tbody = document.getElementById('table').lastChild;
	var tr = document.createElement('tr');

	var td = document.createElement("td");
	td.innerHTML = "<input type='text'/>";
	tr.appendChild(td);

	td = document.createElement("td");
	td.innerHTML = "<input type='text'/>";
	tr.appendChild(td);

	td = document.createElement("td");
	td.innerHTML = "<a href='javascript:;' onclick='deleteRow(this)'>删除</a>";
	tr.appendChild(td);

	tbody.appendChild(tr);
	Highlight();
	}

	function deleteRow(obj){
	var tbody = document.getElementById('table').lastChild;
	var tr = obj.parentNode.parentNode;
	tbody.removeChild(tr);
	}
	function Highlight(){
	var tbody = document.getElementById('table').lastChild;
	trs = tbody.getElementsByTagName('tr');
	for(var i =1;i<trs.length;i++){
	trs[i].onmouseover = function(){
	this.style.backgroundColor ="#f2f2f2";
	}
	trs[i].onmouseout = function(){
	this.style.backgroundColor ="#fff";
	}
	}
	}

	</script>
	</head>
	<body>
	<table border="1" width="50%" id="table">
	<tr>
	<th>学号</th>
	<th>姓名</th>
	<th>操作</th>
	</tr>

	<tr>
	<td>xh001</td>
	<td>王小明</td>
	<td><a href="javascript:;" onclick="deleteRow(this)">删除</a></td>
	</tr>

	<tr>
	<td>xh002</td>
	<td>刘小芳</td>
	<td><a href="javascript:;" onclick="deleteRow(this)">删除</a></td>
	</tr>

	</table>
	<input type="button" value="添加一行" onclick="addOne()" />
	</body>
	</html>

深山小童

浏览 3889回答 1

1回答

随时随地看视频慕课网APP