css js添加评论

Html

Css


    显示评论内容：
    

    0
    评论区:

#box {
	width:500px;
	height:400px;
	margin:0 auto;
	/*border:solid 1px red;
	*/
}
.txt {
	width:450px;
	height:150px;
}
.pl {
	background:antiquewhite;
}
#len {
	float:right;
}

var txt = document.getElementsByClassName('txt')[0];
var btn = document.getElementsByTagName('button')[0];
var pl = document.getElementsByClassName('pl')[0];
var Olen = document.getElementById('len');

txt.onblur = function() {
    txt.style.width = '450px';
    txt.style.heigth = '150px'
}
txt.oninput = function() {
    Olen.innerHTML = txt.value.length;
}
btn.onclick = function() {
    if (txt.value == '') {
        confirm('你确定不出入内容吗')
        return false;
    } else {
        var ul = document.createElement('ul');
        pl.appendChild(ul);
        var li = document.createElement('li');
        ul.appendChild(li);
        li.innerHTML = txt.value;
        txt.value = ''
        var li = document.createElement('li');
        ul.appendChild(li);
        var date = new Date();
        li.innerHTML = date.toLocaleDateString();
        var oa = document.createElement('a');
        li.appendChild(oa);
        oa.innerHTML = '删除';
        oa.style.float = 'right';
        oa.style.href = '#'
    }
    oa.onclick = function() {
        oa.parentNode.parentNode.remove()
        oa.style.cursor = 'pointer'
    }

}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

css js添加评论



代码描述：简单的css+js实现添加评论

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

jiyahua

相关代码

css js添加评论

最新