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

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

大神們幫忙看一下代碼(有注釋),不知道邏輯和代碼哪里錯了,就是沒有效果!


<!DOCTYPE html>

<html>

?<head>

? <title> new document </title>??

? <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>? ?

? <style>

? table, th,tr, td{border: 1px solid grey;border-collapse: collapse;padding:10px;text-align: center;}

</style>

? <script type="text/javascript">?

??

? ? ? window.onload = function(){

? ? ? ? ? ?var s=document.getElementByTagName("tr");//獲取所有的行

? ? ? ? ? ?for(var i=0;i<s.length;i++){

? ? ? ? ? ? ? ?s.onmouseover()=function (){//為行添加事件

? ? ? ? ? ? ? ?s.style.backgroundColor= "#f2f2f2";

? ? ? ? ? ? ? ?}

? ? ? ? ? ? ? ?s.onmouseout()=function (){

? ? ? ? ? ? ? ?s.style.backgroundColor= "#fff";

? ? ? ? ? ? ? ?}

? ? ? ? ? ?}

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

?

}

? ? ?function add(){

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

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

? ? ? ? ?tabele.appendChild(a);//為表格添加一行

? ? ? ? ?for(var i=0;i<3;i++){

? ? ? ? ? ? ?var d=new array();

? ? ? ? ? ? ?d[i]=document.createElement("td")

? ? ? ? ? ? ?a.appendChild(d[i]);//循環添加3列

? ? ? ? ? ? ?var e=table.childNodes[1].lastChild.innerHTML;

? ? ? ? ? ? ?a.lastChild.innerHTML=e;//把表第二行的第三列的內容賦給新的第三列

? ? ? ? ?}

? ? ?}

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

? ? ?function remove(){

? ? ? ? ?var a=document.getElementsByTagName("a");//獲取a標簽

? ? ? ? ?for(var i=0;i<a.length;i++){

? ? ? ? ?a[i].onclick=function()//為所有a標簽添加事件

? ? ? ? ?a[i].parentNode.parentNode.removeChild(a[i].parentNode.parentNode.childNodes);

? ? ? ? ?}// a[i].parentNode.parentNode得到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:remove();" >刪除</a></td>? ?<!--在刪除按鈕上添加點擊事件? -->

? ?</tr>


? ?<tr>

<td>xh002</td>

<td>劉小芳</td>

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

? ?</tr>??


? ?</table>

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

?</body>

</html>


正在回答

2 回答

大神們我的代碼在瀏覽器還是出不出效果。之前額效果大概是慕課編輯器反應延遲了,把別人代碼的效果加在了我的代碼身上,我。。。。。大家幫幫我這可憐的孩子吧拜托拜托

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

qq_城南花已開_5

刪除效果好像是因為onclick要等到點擊了才會執行,打斷點就可以發現了,https://www.cnblogs.com/ZinCode/p/5551907.html
2019-02-14 回復 有任何疑惑可以回復我~

同志們,是編輯器的問題。可以出效果了。但是吧,只有新加的行變色和刪除功能正常,但是之前有的行就一點沒有變化,這是怎么回事啊?。。。。?!還是請大家幫忙看看?。。?!

https://img1.sycdn.imooc.com//5c5faa8c00013e8103270322.jpg

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

舉報

0/150
提交
取消

大神們幫忙看一下代碼(有注釋),不知道邏輯和代碼哪里錯了,就是沒有效果!

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

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

幫助反饋 APP下載

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

公眾號

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