php仿微博怎么图片评论,JavaScript简单实现的仿微博留言功能示例

本文实例讲述了JavaScript简单实现的仿微博留言功能。分享给大家供大家参考，具体如下：

微博留言

window.οnlοad=function(){

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

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

var oul =document.getElementsByClassName('content')[0];

btn.οnclick=function(){

var oli= document.createElement('li')

oli.innerHTML=text.value;

var arr= document.getElementsByTagName('li');

if(arr.length>0){

oul.insertBefore(oli,arr[0])

}else{

oul.appendChild(oli)

}

}

}

使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码，可得如下运行结果：

希望本文所述对大家JavaScript程序设计有所帮助。