創(chuàng)新互聯(lián)建站堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：做網(wǎng)站、網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的順平網(wǎng)站設(shè)計(jì)、移動媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

分析思考：

準(zhǔn)備好后端的數(shù)組數(shù)據(jù)

?1.先獲取父元素tbody、表單元素 和錄入按鈕

? 2.封裝函數(shù)render()渲染。

?????因?yàn)槲覀冇玫氖亲芳愉秩?，所以函?shù)要先清空tbody的tr內(nèi)容。

?????然后根據(jù)數(shù)據(jù)的條數(shù)來渲染增加tr，使用for 循環(huán)。

?????創(chuàng)建tr，tr里放內(nèi)容 tr.innerHTML = ``

? 把tr 追加給tbody。tbody.appendChild(tr)

? 頁面加載調(diào)用函數(shù)。

? 3.獲取錄入按鈕add

? 注冊事件 click

? 每點(diǎn)一次錄入，就把錄入的信息用push方法追加到arr數(shù)組里，

? 然后調(diào)用render()函數(shù)

? 然后復(fù)原表單

? 4.刪除操作. 用事件委托

? 給父級tbody注冊事件click

? 給刪除按鈕a標(biāo)簽添加id號 id="${i}"

? 判斷：如果e.target.tagName === 'A', 則刪除這個id所在的數(shù)據(jù)arr.splice(e.target.id, 1)

? 刪除后重新渲染調(diào)用函數(shù)?render()

代碼：

新增學(xué)員
  
    姓名：年齡：性別:男女薪資：就業(yè)城市：北京上海廣州深圳曹縣錄入  就業(yè)榜
學(xué)號
姓名
年齡
性別
薪資
就業(yè)城市
操作

你是否還在尋找穩(wěn)定的海外服務(wù)器提供商？創(chuàng)新互聯(lián)www.cdcxhl.cn海外機(jī)房具備T級流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確流量調(diào)度確保服務(wù)器高可用性，企業(yè)級服務(wù)器適合批量采購，新人活動首月15元起，快前往官網(wǎng)查看詳情吧

分享名稱：Js渲染學(xué)生信息代碼分析-創(chuàng)新互聯(lián)
網(wǎng)站鏈接：http://weahome.cn/article/ddhsed.html