                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進階篇

求助，點擊刪除沒反應，哪點錯了嗎？實在想不出來了

<!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()
??????{
????????changecolor();??
??????}
??????
???????function?changecolor()
???????{
?????????var?tbody?=?document.getElementById("table").lastChild;?
?????????row?=?tbody.getElementsByTagName("tr");
?????????for(var?i?=1;i<row.length;i++)
?????????{
?????????????row[i].onmouseover?=?function()
?????????????{
?????????????????this.style.backgroundColor="#F2F2F2";
?????????????}
?????????????row[i].onmouseout?=?function()
?????????????{
?????????????????this.style.backgroundColor="#fff";
?????????????}
?????????}?
???????}
???????
?????//?鼠標移動改變背景,可以通過給每行綁定鼠標移上事件和鼠標移除事件來改變所在行背景色。
?????????
		
??????function?addrow(e)
?????{
????????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()'>刪除</a>"
????????tr.appendChild(td);
????????
????????tbody.appendChild(tr);
????????changecolor();
?????}
??????//?編寫一個函數(shù)，供添加按鈕調(diào)用，動態(tài)在表格的最后一行添加子節(jié)點；
??????
?????function?deleterow(tx)
????{
????????var?tbody?=?document.getElementById("table").lastChild;
????????var?tr?=?tx.parentNode.parentNode;
????????tbody.removeChild(tr);
????}
????????	
???	?
?????//?創(chuàng)建刪除函數(shù)

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

	???<tr>
		<td>xh002</td>
		<td>劉小芳</td>
		<td><a?href="javascript:;"??onclick="deleterow()"?>刪除</a></td>???<!--在刪除按鈕上添加點擊事件??-->
	???</tr>??

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

qqq_1

2015-11-19

源自：JavaScript進階篇 9-22

關注問題我要回答

2075

操作

收起

2 回答

年輕請盡快
2015-11-27

為什么刪除函數(shù)里面是var?tbody?=?document.getElementById("table").lastChild;而不是var?tbody?=?document.getElementById("table")？想很久了，求解救啊，實在不理解這里面的節(jié)點關系

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

收起回答

#1

Johnlincn

因為瀏覽器會為table元素自動生成一個tbody 標簽，所以tr元素是在tbody里面也就是table.lastChild.

2015-11-28 回復有任何疑惑可以回復我~

#2

年輕請盡快回復 Johnlincn

謝謝啦~

2015-11-28 回復有任何疑惑可以回復我~

如果巴黎不快樂01234
2015-11-20

<!DOCTYPE html>

<html>

?<head>

? <title> new document </title> ?

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

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

? ? ? window.onload = function(){

? ? ? ? changecolor(); ?

? ? ? }

? ? ? ?function changecolor()

? ? ? ?{

? ? ? ? ?var tbody = document.getElementById("table").lastChild;?

? ? ? ? ?row = tbody.getElementsByTagName("tr");

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

? ? ? ? ?{

? ? ? ? ? ? ?row[i].onmouseover = function()

? ? ? ? ? ? ?{

? ? ? ? ? ? ? ? ?this.style.backgroundColor="#F2F2F2";

? ? ? ? ? ? ?}

? ? ? ? ? ? ?row[i].onmouseout = function()

? ? ? ? ? ? ?{

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

? ? ? ? ? ? ?}

? ? ? ? ?}?

? ? ? ?}

? ? ? ??

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

? ? ? ? ??

? ? ? ? ?

? ? ? function addrow(e)

? ? ?{

? ? ? ? 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()'>刪除</a>"

? ? ? ? tr.appendChild(td);

? ? ? ? ?

? ? ? ? tbody.appendChild(tr);

? ? ? ? changecolor();

? ? ?}

? ? ? // 編寫一個函數(shù)，供添加按鈕調(diào)用，動態(tài)在表格的最后一行添加子節(jié)點；

? ? ? ?

? ? ?function deleterow(tx)

? ? {

? ? ? ? var tbody = document.getElementById("table").lastChild;

? ? ? ? var tr = tx.parentNode.parentNode;

? ? ? ? tbody.removeChild(tr);

? ? }

? ? ? ? ? ? ?

? ? ? ?

? ? ?// 創(chuàng)建刪除函數(shù)

?

? </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><p></p>

? ? ? ? <td>xh002</td>

? ? ? ? <td>劉小芳</td>

? ? ? ? <td><a href="javascript:;" ?onclick="deleterow(this)" >刪除</a></td> ?

? ? ? ?</tr> ?

?

? ? ? ?</table>

? ? ? ?<input type="button" value="添加一行" ?onclick="addrow()" ?/> ?

?</body>

</html>

代碼我給你改了，可以刪除了。。

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

收起回答

舉報

0/150

提交

取消

JavaScript進階篇

參與學習 468789 人
解答問題 22582 個

本課程從如何插入JS代碼開始，帶您進入網(wǎng)頁動態(tài)交互世界

進入課程

本課相似問答

3 回答點擊了沒反應。

2 回答點擊等號沒反應。自己看不出來，不知道哪里錯了

1 回答求助~~總是有一些不知名的錯誤 ……點刪除沒反應... 錯誤在哪？主要是刪除函數(shù)那里...

4 回答哪里錯了？點擊按鈕沒反應啊

3 回答實在找不出問題來了，點=沒有反應，出不來結果

搜索更多本課相關問答

求助，點擊刪除沒反應，哪點錯了嗎？實在想不出來了

我要回答關注問題

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

求助，點擊刪除沒反應，哪點錯了嗎？實在想不出來了

2 回答

本課相似問答

求助，點擊刪除沒反應，哪點錯了嗎？實在想不出來了

求助，點擊刪除沒反應，哪點錯了嗎？實在想不出來了

求助，點擊刪除沒反應，哪點錯了嗎？實在想不出來了