美文网首页
留言板插入

留言板插入

作者: 陈庆香 | 来源:发表于2018-08-01 17:01 被阅读0次

    var inp = document.getElementById('inp');

     var list = document.getElementById('list'); 

     function submit() { 

     // 获取输入内容

    var text=inp.value;

     // 获取插入时间并格式化

    var date = new Date();

     var dateStr = formatDate3(date);

    // 创建li节点 

     var li = document.createElement('li');

    // 把输入内容和时间放入li里面

     if (!text) {

     alert('请输入留言'); 

     return false;

     }

     list.appendChild(li);

     inp.value = '';

     li.innerHTML = `${text}${dateStr}`;

     // 获取ol的非空节点

     var lis=list.children;

     // 把li插入到ol的最前面list.insertBefore(li,lis[0]);inp.value='';

     }

     function enter(){

     if(event.keyCode===13){ 

     submit();

     }

     }

    相关文章

      网友评论

          本文标题:留言板插入

          本文链接:https://www.haomeiwen.com/subject/fkurvftx.html