留言板

最新推荐文章于 2023-11-25 14:15:35 发布

cm_xuan77

最新推荐文章于 2023-11-25 14:15:35 发布

阅读量246

点赞数

分类专栏：进度条留言板文章标签： html

本文链接：https://blog.csdn.net/cmchenmei/article/details/78617556

版权

进度条同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

留言板

1 篇文章 0 订阅

订阅专栏

“`

Document

html,body{
height:100%;
}
*{
margin:0;
padding:0;
}
h1{
text-align:center;
}
.box{
padding-left:20px;
width:200px;
}
input{
width:100%;
}
textarea{
width:100%;
height:200px;
}
button{
float:right;
}
.son{
display:none;
}

留言板

标题：

留言：

时间：

标题：

内容：

留言

var btn = document.querySelector('button'); var divs = document.querySelector('.div'); var son = document.querySelector('.son'); btn.onclick = function(){ var div = son.cloneNode(true); var tit = div.querySelector('.tit'); var con = div.querySelector('.con'); var time = div.querySelector('.time'); var inpVal = document.querySelector('input').value; var conVal = document.querySelector('textarea').value; tit.innerHTML = inpVal; con.innerHTML = conVal; var d = new Date(); time.innerHTML =d.getFullYear() +'-'+add((d.getMonth()+1)) +'-'+add(d.getDate())+' '+ add(d.getHours())+ ':'+add(d.getMinutes())+':'+add(d.getSeconds()); div.setAttribute('class','newson'); divs.insertBefore(div,divs.firstChild);