最美情侣中文字幕电影,在线麻豆精品传媒,在线网站高清黄,久久黄色视频

歡迎光臨散文網(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)遵守國家法律
辉南县| 景洪市| 临沂市| 双牌县| 泾阳县| 长顺县| 甘肃省| 东兴市| 凤凰县| 遂川县| 嘉祥县| 夏津县| 辽宁省| 玉山县| 左权县| 阿城市| 额敏县| 康平县| 太白县| 新安县| 永安市| 屏东市| 凭祥市| 嫩江县| 嘉黎县| 靖安县| 六枝特区| 綦江县| 绩溪县| 井冈山市| 金溪县| 略阳县| 赤壁市| 林州市| 永兴县| 沈阳市| 伊吾县| 克拉玛依市| 精河县| 肇州县| 延长县|