<!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?add(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);
????????
?????????tr=document.createElement("tr");
?????????td=document.createElement("td");
?????????td.innerHTML="<input?type="text"/>"
?????????tr.appendChild(td);
?????????
?????????tr=document.createElement("tr");
?????????td=document.createElement("td");
?????????td.innerHTML="<a?href="javascript:;"?onclick="dele(this)">刪除</a>"
?????????tr.appendChild(td);
?????????
?????????tbody.appendChild("tr");
?????}
????
??? ?
?????//?創建刪除函數
?????function?dele(obj){
?????????var?tbody=document.getElementById("table").lastChild;
????????//?var?tbody=obj.parentNode.parentNode.parentNode;
?????????var?tr=obj.parentNode.parentNode;
?????????tbody.removeChild(tr);
?????}
????
????function?Highlight(){
????????var?tbody=document.getElementById("table").lastChild;
????????var?trs=document.getElementsByTagName("tr");
????????for(var?i=0;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="dele(this)">刪除</a></td>???<!--在刪除按鈕上添加點擊事件??-->
???</tr>
???<tr>
<td>xh002</td>
<td>劉小芳</td>
<td><a?href="javascript:;"?onclick="dele(this)">刪除</a></td>???<!--在刪除按鈕上添加點擊事件??-->
???</tr>??
???</table>
???<input?type="button"?value="添加一行"?onclick="add()"?/>???<!--在添加按鈕上添加點擊事件??-->
?</body>
</html>
制作表格結果沒有一個會顯示，附代碼
Quenyic
2016-09-18 17:12:47
