首頁 > 網際網路

怎樣把陣列中的資料動態新增到table中

2019-12-12 08:57:38

怎樣把陣列中的資料動態新增到table中?我們在做頁面開發時,經常會使用到js,用來動態為頁面新增一個內容。下面就來看一下這個是怎麼處理的。

1

我們先在html裡建立一個table,只有一行標題行。


2

然後新增一個按鈕來觸發資料新增。


3

在按鈕點選事件函數裡,先定義一個陣列資料。


4

然後使用for迴圈來處理資料。


5

在迴圈裡生成table行資料,直接以字串拼接。字串放到一個變數html陣列裡。


6

然後使用juqery的appned方法,為table新增資料。


7

執行頁面,可以看到現在表格只有一個標題行,點選下方的按鈕。


8

可以看到陣列的資料已經新增到表格裡了。



IT145.com E-mail:sddin#qq.com