window.onload = function () {
var list = document.getElementById('list');
var boxs = list.children;
var timer;
//格式化日期
function formateDate(date) {
var y = date.getFullYear();
var m = date.getMonth() + 1;
var d = date.getDate();
var h = date.getHours();
var mi = date.getMinutes();
m = m > 9 ? m : '0' + m;
return y + '-' + m + '-' + d + ' ' + h + ':' + mi;
}
/**
* 发评论
* @param box 每个分享的div容器
* @param el 点击的元素
*/
function reply(box, el) {
var commentList = box.getElementsByClassName('comment-list')[0];
var textarea = box.getElementsByClassName('comment')[0];
var commentBox = document.createElement('div');
commentBox.className = 'comment-box clearfix';
commentBox.setAttribute('user', 'self');
commentBox.innerHTML =
'<img class="myhead" src="images/my.jpg" alt=""/>' +
'<span class="user" style="line-height: 30px">我:</span>'+'<sapn class="user-time" style="float: right;margin-right: 15px;line-height: 30px"> 6-12个月</sapn>'+
'<div class="comment-content">' +
'<p class="comment-text">' + textarea.value + '</p>' +
'<p class="comment-time">' + '<div>'+
formateDate(new Date()) +
'<a href="javascript:;" class="comment-praise" total="0" my="0" style="text-decoration : none;color: #999;font-size: 11px"></a>' +
'<a href="javascript:;" class=""; style="text-decoration : none"></a>' +
'</p>' +
'</div>'
commentList.appendChild(commentBox);
textarea.value = '';
textarea.onblur();
}
在这个标签的第一个元素标签里面添加一个隐藏display:none的标签或者hidden的表单,这个隐藏的标签就是第一个子标签了,再用before添加兄弟标签,将新元素添加到隐藏标签后面,这样新标签表面上就是第一个标签了。Ok
appendChild改成before,当然,在comment-list里面加一个隐藏标签,然后隐藏标签属性.before(commentBox);
具体怎么实现
用.insertBefore()可以插入子节点的任意位置
推荐书籍,锋利的jquery ,里面介绍了很多。 另外 不仅 before。 还可以用after 方法。
置顶