亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

大家來找茬

<!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(){

? ? ? ? var tr=document.getElementsByTagName("tr");

? ? ? ? for(var i=1;i<tr.length;i++){

? ? ? ? ? ? tr[i].onmouseover=function(){

? ? ? ? ? ? ? ? this.style.backgroundColor="red"

} ? ? ? ? ? ?tr[i].onmouseout=function(){

? ? this.style.backgroundColor="#fff"}

}}

? ? ? ? ? ? ? ? ??

? ? ?// 鼠標移動改變背景,可以通過給每行綁定鼠標移上事件和鼠標移除事件來改變所在行背景色。

? ? ? ? ?

? ? ?

?


? ? ?

? ? ? function add(){

? ? ? ? var tr=document.createElement("tr");

? ? ? ? var td1=document.createElement("td");

? ? ? ? var td2=document.createElement("td");

? ? ? ? var td3=document.createElement("td");

? ? ? ? var a=document.createElement("a");

? ? ? ? var table=document.getElementsByTagName("table")[0];

? ? ? ? td3.innerHTML="<a href="javascript:delete();" >刪除</a>";

? ? ? ? td1.innerHTML=prompt("請輸入學號");

? ? ? ? td2.innerHTML=prompt("請輸入姓名");

? ? ? ? tr.appendChild(td1);

? ? ? ? tr.appendChild(td2);

? ? ? ? tr.appendChild(td3);

? ? ? ? table.appendChild(tr);

? ? ? }// 編寫一個函數,供添加按鈕調用,動態在表格的最后一行添加子節點;

? ? ?

? ?

? ? ?

? ? ?function delete(obj){

? ? ? ? ? ? var table = document.getElementById('table').lastChild;

? ? ? ? ? ? var tr = obj.parentNode.parentNode;

? ? ? ? ? ? table.removeChild(tr);


? ? ? } ? ?// 創建刪除函數

? ? ?



? </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:delete(this);" >刪除</a></td> ? <!--在刪除按鈕上添加點擊事件 ?-->

? </tr>


? <tr>

<td>xh002</td>

<td>劉小芳</td>

<td><a href="javascript:delete(this);" >刪除</a></td> ? <!--在刪除按鈕上添加點擊事件 ?-->

? </tr> ?


? </table>

? <input type="button" value="添加一行" onclick="add()" ?/> ? <!--在添加按鈕上添加點擊事件 ?-->

?</body>

</html>

//還請幫我看看哪里出錯了。

正在回答

1 回答

<!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(){

var tr=document.getElementsByTagName("tr");

for(var i=1;i<tr.length;i++){

tr[i].onmouseover=function(){

this.style.backgroundColor="red";}; ? ? ? ? ? ?

tr[i].onmouseout=function(){

this.style.backgroundColor="#fff"}

}}

? ? ?function add(){

? ? ? var tr=document.createElement("tr");

? ? ? var td1=document.createElement("td");

? ? ? var td2=document.createElement("td");

? ? ? var td3=document.createElement("td");

? ? ? var a=document.createElement("a");

? ? ? var table=document.getElementsByTagName("table")[0];

? ? ? td3.innerHTML="<a href='javascript:;' onclick='deleteRow(this)'>刪除</a>";

? ? ? td1.innerHTML=prompt("請輸入學號");

? ? ? td2.innerHTML=prompt("請輸入姓名");

? ? ? tr.appendChild(td1);

? ? ? tr.appendChild(td2);

? ? ? tr.appendChild(td3);

? ? ? table.appendChild(tr);

? ? ? }// 編寫一個函數,供添加按鈕調用,動態在表格的最后一行添加子節點;


? ? ? // 創建刪除函數

? ? ? function deleteRow(obj)

? ? ? {

? ? ? var tr = obj.parentNode.parentNode;

? ? ? tr.parentNode.removeChild(tr);

? ? ? }


? </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="add()" ?/> ? <!--在添加按鈕上添加點擊事件 ?-->

</body>

</html>

主要改動兩個地方一個是<a href="javascript:;" onclick="deleteRow(this)">刪除</a>,另一個是deleteRow函數,不能用delete作為函數名

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

大家來找茬

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號