首先將基本的DOM內容寫出,再進行JS的相關操作
HTML與CSS樣式內容寫完后宫静,我們來寫js內容,如果要將js內容寫在<head>中首先要運用window.onload = function().
第一步:獲取HTML中的input內容;
其中先獲取input標簽中的所有元素孤里,由于getElementByTagName返回的是一個數組伏伯,所有可通過下標來獲取每個input中的對應元素。
第二步:點擊部分
由于在獲取元素中保存按鈕變量名為inpBc捌袜,所有用inpBc進行點擊觸發(fā)
創(chuàng)建節(jié)點:
獲取節(jié)點元素中的內容:
由于我們有一個功能是刪除说搅,所以將刪除功能單獨描寫
在表格最后一個添加一個<a>標簽;進行刪除功能的操作以及點擊刪除今兒刪除行琢蛤,其中this.parentNode.parentNode是刪除父節(jié)點的父節(jié)點蜓堕,也就是說刪除td和對應的tr
最后添加(追加)節(jié)點
效果圖: