国产精品天干天干,亚洲毛片在线,日韩gay小鲜肉啪啪18禁,女同Gay自慰喷水

歡迎光臨散文網(wǎng) 會(huì)員登陸 & 注冊(cè)

JavaScript 動(dòng)態(tài)創(chuàng)建表格內(nèi)容

2023-07-19 20:04 作者:Mr藍(lán)琿  | 我要投稿

小提示:用 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,便于在后面引用。

給每個(gè)元素添加 ID,便于后續(xù)操作


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

JavaScript 腳本, 獲取元素,添加 event listener


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

用 # 號(hào)加 ID 的形式去設(shè)置對(duì)應(yīng) HTML 元素的樣式,也是非常方便的


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


箭頭函數(shù),trim(), split(), insertRow(), insertCell(),forEach(),綜合運(yùn)用


JavaScript 動(dòng)態(tài)創(chuàng)建表格內(nèi)容的評(píng)論 (共 條)

分享到微博請(qǐng)遵守國家法律
和顺县| 富锦市| 迭部县| 辉南县| 金塔县| 太谷县| 遵化市| 美姑县| 安远县| 张北县| 赤峰市| 旬邑县| 贡觉县| 南宁市| 安顺市| 平原县| 阳泉市| 阜平县| 衡东县| 康定县| 大英县| 林口县| 黄梅县| 诏安县| 溧阳市| 峡江县| 蓬安县| 佛坪县| 白河县| 甘德县| 三都| 云霄县| 东阳市| 天门市| 垫江县| 宕昌县| 汪清县| 巴中市| 海南省| 阿拉善右旗| 荆门市|