js实现微博发布小功能的教程

 

  // 方法1

 window.onload = function () {

 var box = document.getElementById("box");

 var boys=box.children;

 var ul = document.createElement("ul");

 box.appendChild(ul);

 boys[2].onclick = function (){

 if(boys[1].value==""){

  alert("输入不能为空");

  return;

 }

 var newli= document.createElement("li");

 newli.innerHTML=boys[1].value+"删除";

 boys[1].value ="";

 var lis=ul.children;

 if(lis.length==0){ul.appendChild(newli);}else{

  ul.insertBefore(newli, lis[0]);

 }

 var as=document.getElementsByTagName("a");

 for (var i=0;i

  as[i].onclick=function(){

  ul.removeChild(this.parentNode);

  }

 }

 }

 }

 // 方法2 引用jQuery

 // $(function(){

 // $("

 // var $text = $("#box").find("textarea");

 // var $btn = $("#box").find("button");

 // $btn.on("click",function(){

 // if($text.val() ==""){

 // alert("请输入内容");

 // return;

 // }

 // $("ul").prepend("

 // $text.val("");

 // $("a").on("click",function(){

 // $(this).parent("li").remove();

 // })

 // })

 // })

 微博发布：

 发布