JavaScript 動(dòng)態(tài)創(chuàng)建表格內(nèi)容
小提示:用 JavaScript 自帶的 inserRow() 與 insertCell()。
先給一張空的表。在輸入框輸入用逗號(hào)隔開一些數(shù)字,比如 “1,2,3”, 點(diǎn)擊 Make A New Row 按鈕,就會(huì)在表格中增加一行。點(diǎn)擊 Clear Table 按鈕,刪除所有的行。

在 HTML 文件中放置四個(gè) HTML 元素,分別是 input, button, button,table, 給每個(gè)元素一個(gè) ID,便于在后面引用。

在 <script> ... </script>?中,可以用 document.querySelector() 這中強(qiáng)大的選擇器函數(shù)去選取元素,也可以直接用元素 ID。 比如,在為兩個(gè) button 添加事件時(shí),就是直接用 ID 的。

還有,在修改 Clear Table 按鈕的樣式時(shí)(改成紅色按鈕、白色字體),也是使用元素 ID 來引用。 見 <style> ... </style> 標(biāo)簽中的內(nèi)容。

拿到 input 的值, 將其以逗號(hào)作為分隔符做成一個(gè)數(shù)組 L, 將數(shù)組的中每個(gè)元素依次添加到表的一行中。 如果 input 的長(zhǎng)度是 0,則用 alert() 報(bào)錯(cuò)。

標(biāo)簽:動(dòng)態(tài)表格javascritp