日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区

您的位置:首頁技術文章
文章詳情頁

javascript實現簡單留言板案例

瀏覽:38日期:2023-06-08 18:39:08

用Javascript實現留言板案例(附帶刪除留言),供大家參考,具體內容如下

正在學習大前端中,有代碼和思路不規范不正確的地方往多多包涵,感謝指教

在一些網站的討論品論區,我們通常可以看見會有留言板這個功能,然后當用戶評論時,空評論不能評論,發布的評論將會最新顯示,把舊的評論抵下去,然后博主可以對評論進行刪除

代碼如下:

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Title</title> <style> * { margin: 0; padding: 0; } body { padding: 100px; } textarea { width: 200px; height: 100px; border: 1px solid pink; outline: none; resize: none; } ul { margin-top: 50px; } li { list-style: none; width: 300px; padding: 5px; background-color: rgb(245, 209, 243); color: red; font-size: 14px; margin: 15px 0; } li a { float: right; text-decoration: none; } </style></head><body><textarea name='' id=''></textarea><button>發布</button><ul></ul><script> var btn=document.querySelector(’button’) var textarea=document.querySelector(’textarea’) var ul=document.querySelector(’ul’) btn.onclick=function () { if (textarea.value==’’){ alert(’寧沒有輸入內容’) return false }else{ var li=document.createElement(’li’) li.innerHTML=textarea.value+'<a href=’javascript:;’>刪除</a>' ul.insertBefore(li,ul.children[0]) var as=document.querySelectorAll(’a’) for (var i=0;i<as.length;i++){ as[i].onclick=function () { ul.removeChild(this.parentNode) } } } }</script></body></html>

效果展示

空評論時:

javascript實現簡單留言板案例

新的評論會把舊評論抵下去:

javascript實現簡單留言板案例

刪除時:

javascript實現簡單留言板案例

代碼解釋

這里就是當按鈕點擊事件觸發時,獲取文本域里面的內容,觸發函數,先進行判斷,判斷文本域的值是否為空,如果是,那么彈出警示框,并且不將文本的內容顯示在下面。

如果文本框有內容,那么,創建一個元素li,用li來接收’.然后將li里面的文本內容設置為文本域的1內容+a標簽(刪除功能)。

然后就是設置新添加的li用于顯示在前面,就是insertbefore。然后就是循環綁定a標簽,實現點哪個a標簽,哪一行就刪除。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: JavaScript
相關文章:
日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区
欧美日韩一区二区综合| 亚洲性视频h| 日本不卡不码高清免费观看 | 日韩三级精品| 国产精品资源| 91嫩草亚洲精品| 国产精品7m凸凹视频分类| 亚洲精品99| 日韩三级精品| 精品视频久久| 激情视频一区二区三区| 丝瓜av网站精品一区二区| 少妇精品在线| 久久91视频| 一区二区自拍| 日本综合精品一区| 国产精品极品在线观看| 成人污污视频| 女人天堂亚洲aⅴ在线观看| 中文字幕一区二区av| 国产欧美一区二区色老头| 色偷偷偷在线视频播放| 久久午夜影视| 国产精品99一区二区三区| 狠狠久久婷婷| 国产精品一区高清| 999久久久亚洲| 国产亚洲字幕| 美女亚洲一区| 国产精品日韩精品中文字幕| 国产在线观看www| 蜜桃久久久久久| 久久影院资源站| 日韩专区在线视频| 福利在线一区| 天堂va在线高清一区| 电影91久久久| 综合一区二区三区| 午夜久久中文| 亚洲人成网77777色在线播放 | 久久香蕉国产| 国产视频一区二区在线播放| 日本激情一区| 日韩视频一二区| 一区二区三区视频免费观看| 欧美性www| 99亚洲视频| 欧美激情另类| 少妇高潮一区二区三区99| 欧美日韩视频免费观看| 日韩不卡一二三区| 欧美精选一区二区三区| 免费在线播放第一区高清av| 在线精品一区| 久久精品成人| 麻豆传媒一区二区三区| 丝袜诱惑制服诱惑色一区在线观看| 国产欧美日韩精品高清二区综合区| 99久久99视频只有精品| 你懂的网址国产 欧美| 免费看黄色91| 欧美日韩日本国产亚洲在线| 国产精品伦理久久久久久| 欧美久久精品| 亚洲免费福利一区| 婷婷亚洲五月色综合| 鲁鲁在线中文| 精品淫伦v久久水蜜桃| 日韩欧美激情| 日韩在线一区二区| 免费av一区二区三区四区| 精品国产亚洲一区二区三区在线| 中文字幕一区二区三区在线视频| 99热精品久久| 欧美一区久久久| 国内精品伊人| 老司机精品视频在线播放| 国产亚洲字幕| 国产美女亚洲精品7777| 日本vs亚洲vs韩国一区三区二区| 亚洲神马久久| 亚洲主播在线| 亚洲在线网站| 99在线观看免费视频精品观看| 91精品国产调教在线观看| 高清一区二区| 精品无人区麻豆乱码久久久| 日韩欧美中文字幕电影| 亚洲一级淫片| 日本综合视频| 欧美日韩一区二区三区四区在线观看 | 久久久久久婷| 国产精品国产三级国产在线观看| 国产精品任我爽爆在线播放| 美女久久一区| 亚洲一区二区三区中文字幕在线观看 | a国产在线视频| 日韩在线第七页| 久久精品亚洲欧美日韩精品中文字幕| 91tv亚洲精品香蕉国产一区| 国产在线欧美| 快she精品国产999| 日韩精品视频一区二区三区| 91福利精品在线观看| 久久精品72免费观看| 国产欧美亚洲一区| 欧美在线日韩| 欧美激情在线精品一区二区三区| 麻豆精品久久久| 日韩中文在线电影| 欧美1区2区3区| 亚洲精品美女91| 国产日韩欧美中文在线| 精品色999| 久久精品成人| 中文字幕中文字幕精品| 国产精品一线| 91精品韩国| 在线免费观看亚洲| 久久国产人妖系列| 超碰在线99| 99久久激情| 午夜亚洲一区| 国产精品中文字幕亚洲欧美| 成人精品久久| 亚洲一区观看| 久久av超碰| 亚洲精品97| 国产亚洲欧美日韩精品一区二区三区 | 九九久久婷婷| 男女男精品视频网| 国产精品s色| 亚洲午夜一级| 日韩欧美中文字幕一区二区三区| 欧美国产先锋| 欧美影院三区| 欧美日韩中文| 国内精品福利| 国产精品久久久一区二区| 成人羞羞视频在线看网址| 日韩欧美中文字幕电影| 亚洲精品永久免费视频| 亚洲综合小说| 三上悠亚国产精品一区二区三区| 亚洲一区黄色| 国产精品草草| 99国产精品久久久久久久| 国产欧美大片| 亚洲精品888| 国产一区二区久久久久| 亚洲精品成a人ⅴ香蕉片| 黑森林国产精品av| 日韩在线黄色| 99久久www免费| 国产精品一区二区三区美女| 一区免费视频| 电影91久久久| 日本少妇一区二区| 九九在线精品| 日韩av二区| 色婷婷成人网| 免费观看久久av| 欧美精品不卡| 日韩福利视频网| 日韩中文字幕一区二区三区| 深夜福利视频一区二区| 国产精品一区高清| 男女性色大片免费观看一区二区| 97精品国产| 国产精品久久| 日本国产亚洲| 欧美在线综合| 欧美va亚洲va日韩∨a综合色| 国内精品美女在线观看| 日韩成人午夜精品| 国产亚洲福利| 欧美一区二区三区高清视频| 老司机精品在线| 7777精品| 婷婷精品久久久久久久久久不卡| 一级欧洲+日本+国产| 欧美成a人国产精品高清乱码在线观看片在线观看久 | 成人av三级| 国产精品入口久久| 日韩va欧美va亚洲va久久| 国产亚洲精品v| 亚洲午夜黄色| 日韩不卡免费高清视频| jizzjizz中国精品麻豆| 精品欧美视频| 久久精品福利| 久久精品国产亚洲aⅴ| 国产欧美另类| 国产欧美丝祙| 91精品日本| 亚洲精品国产日韩| 亚洲精品伊人| 日韩高清不卡一区| 91在线成人| 国产精品红桃|