最近中文字幕高清中文字幕无,亚洲欧美高清一区二区三区,一本色道无码道dvd在线观看 ,一个人看的www免费高清中文字幕

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

這個(gè)刪除功能怎么實(shí)現(xiàn)?。颗怀鰜?lái)???

<!DOCTYPE?html>

<html>


<head>

????<title>表格增刪練習(xí)</title>

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

????<style>

????????tr:hover?{

????????????background-color:?#f2f2f2;

????????}


????????td?{

????????????width:?auto;

????????}


????????input?{

????????????border:?none;

????????????width:?100%;

????????????font-size:?17px;

????????}


????????#inu?{

????????????width:?100px;

????????????border:?solid?1px?black;

????????????font-weight:?bold;

????????}

????</style>

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

????????/*要求:

????????????1.?鼠標(biāo)移到不同行上時(shí)背景色改為色值為?#f2f2f2,移開(kāi)鼠標(biāo)時(shí)則恢復(fù)為原背景色?#fff

????????????2.?點(diǎn)擊添加按鈕,能動(dòng)態(tài)在最后添加一行

????????????3.?點(diǎn)擊刪除按鈕,則刪除當(dāng)前行*/

????????function?btn()?{?//添加按鈕功能實(shí)現(xiàn)

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

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

????????????str.style.height?=?"20px";

????????????str.innerHTML?=?"<td>"?+?"<td>"?+?"<td>"?+?"<a?onclick=ace()?href=javascript:;>刪除";

????????????tabl[0].appendChild(str);

????????}

????????//刪除功能的實(shí)現(xiàn)

????????function?ace(){

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

????????????var?x=tabl.removeChild(table.childNodes());

????????}

????</script>

</head>


<body>

????<table?border="1"?width="50%"?id="table">

????????<tr>

????????????<th>學(xué)號(hào)</th>

????????????<th>姓名</th>

????????????<th>操作</th>

????????</tr>


????????<tr>

????????????<td>xh001</td>

????????????<td>王小明</td>

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

????????????<!--在刪除按鈕上添加點(diǎn)擊事件??-->

????????</tr>


????????<tr>

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

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

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

????????????<!--在刪除按鈕上添加點(diǎn)擊事件??-->

????????</tr>

????</table>

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

????<!--在添加按鈕上添加點(diǎn)擊事件??-->

</body>


</html>


正在回答

1 回答

可以參見(jiàn)我的答案:

http://img1.sycdn.imooc.com//5d779e3600019b2210130201.jpg

http://img1.sycdn.imooc.com//5d779eae00012bcc07470221.jpg

1 回復(fù) 有任何疑惑可以回復(fù)我~
#1

今朝似夢(mèng)愿回昨 提問(wèn)者

//刪除功能的實(shí)現(xiàn) function afn(obj){ var tdd=document.getElementsByTagName("a"); var del=tdd[1].parentNode.parentNode.parentNode; var dele=del.removeChild(del.childNodes[1]); } 我這個(gè)功能實(shí)現(xiàn)刪除的不是我想要?jiǎng)h除的,是其他的行內(nèi)人被刪除。怎么修改?。?/div>
2019-09-10 回復(fù) 有任何疑惑可以回復(fù)我~
#2

幕布斯617278 回復(fù) 今朝似夢(mèng)愿回昨 提問(wèn)者

1. 你在獲取a標(biāo)簽的時(shí)候, tdd的結(jié)果是所有的a組成的(偽)數(shù)組,既然是一串的a,那要如何來(lái)確認(rèn)你要?jiǎng)h除你點(diǎn)擊的這個(gè)a所在的這行? 2. var del=tdd[1].....下標(biāo)1,意味著你要?jiǎng)h第二個(gè)a所在的行, 但是接連3個(gè)parentNode,最終del就是table(或者tbody) 3. dele=....,你最終在table里把它的第2個(gè)子節(jié)點(diǎn)刪除了,并將刪除的該節(jié)點(diǎn)賦值給了dele; ----------------
2019-09-11 回復(fù) 有任何疑惑可以回復(fù)我~
#3

幕布斯617278

另外: ---------------- 你刪的不是你想刪的,在于你根本沒(méi)把我們點(diǎn)擊刪除按鈕時(shí)的所在行找到. 那要如何獲取到此刻點(diǎn)擊到的這個(gè)a元素呢? 實(shí)際上, 在原生js里,為我們提供了: event對(duì)象(自己動(dòng)手去查資料,比如搜索"js event",看點(diǎn)文檔了解一下啊!), 簡(jiǎn)單來(lái)說(shuō)就是,當(dāng)某個(gè)元素發(fā)生某種狀態(tài)改變(比如:click,mouseover等),我們觸發(fā)事件時(shí)調(diào)用的函數(shù)中就有event參數(shù), 并且這個(gè)參數(shù)中有一個(gè)target屬性, 該屬性值可以簡(jiǎn)單理解成就是我們當(dāng)前的這個(gè)元素,即currentElement = event.target
2019-09-11 回復(fù) 有任何疑惑可以回復(fù)我~
#4

今朝似夢(mèng)愿回昨 提問(wèn)者 回復(fù) 幕布斯617278

查了,event.target是返回觸發(fā)此事件的元素。懂了。萬(wàn)分感謝
2019-09-11 回復(fù) 有任何疑惑可以回復(fù)我~
#5

慕慕三帥 回復(fù) 幕布斯617278

這樣方便多了謝謝
2019-09-12 回復(fù) 有任何疑惑可以回復(fù)我~
查看2條回復(fù)

舉報(bào)

0/150
提交
取消

這個(gè)刪除功能怎么實(shí)現(xiàn)???弄不出來(lái)???

我要回答 關(guān)注問(wèn)題
微信客服

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

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)