制作一個(gè)表格,顯示班級(jí)的學(xué)生信息。
要求:
1. 鼠標(biāo)移到不同行上時(shí)背景色改為色值為 #f2f2f2,移開鼠標(biāo)時(shí)則恢復(fù)為原背景色 #fff
2. 點(diǎn)擊添加按鈕,能動(dòng)態(tài)在最后添加一行
3. 點(diǎn)擊刪除按鈕,則刪除當(dāng)前行
第一步: 首先,我們創(chuàng)建刪除函數(shù),并在刪除按鈕上添加點(diǎn)擊事件;
提示: 使用removeChild()。
第二步: 編寫一個(gè)函數(shù),供添加按鈕調(diào)用,動(dòng)態(tài)在表格的最后一行添加子節(jié)點(diǎn);
提示: 使用createElement()、innerHTML、appendChild()。
第三步: 更改鼠標(biāo)移動(dòng)改變背景則可以通過給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來改變所在行背景色。
提示: 1. 獲取表格的行,getElementsByTagName 。 2. 使用for進(jìn)行循環(huán),為每行添加事件及背景顏色設(shè)置。
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)