15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > js制作留言板

js制作留言板

时间:2023-08-09 19:30:02 | 来源:网站运营

时间:2023-08-09 19:30:02 来源:网站运营

js制作留言板:<div class = "box"><ul></ul>//接收文本域打的内容</div><textarea name="" id="con" cols="30" rows="10"></textarea>//文本域<button class = "dian">发表</button>//发表按钮<script>var box = document.querySelector(".box ul")var con = document.getElementById("con")var dian = document.getElementsByClassName("dian")[0]dian.addEventListener('click',function(){var zhi = con.value;if(zhi.length>0){var time = new Date;var kon = ${time.getFullYear()}-${time.getMonth()+1}-${time.getDate()}星期${time.getDay()} ${time.getHours()}:${time.getMinutes()}:${time.getSeconds()}var li = document.createElement("li");li.innerHTML = `<span>${kon}</span><strong>${zhi}</strong><button>删除</button>`;box.appendChild(li);}box.value = '';})box.onclick = function(e){var e = e.event||windoe.event;if(e.target.nodeName == "button"){content.removeChild(e.target.parentNode);}}</script>

关键词:留言

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭