這篇文章主要為大家展示了“js如何實現(xiàn)微博發(fā)布小功能”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學習一下“js如何實現(xiàn)微博發(fā)布小功能”這篇文章吧。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)建站！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序定制開發(fā)、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了沅陵免費建站歡迎大家使用！

微博發(fā)布功能，可發(fā)布可刪除。樣式?jīng)]設(shè)置忽略，主要知識點及注意點：

1、動態(tài)添加節(jié)點標簽。

2、內(nèi)容為空時不能發(fā)布。

3、新發(fā)布的內(nèi)容要在上面。

4、內(nèi)容刪除要同時刪除掉節(jié)點。

5、為保持樣式輸入框要設(shè)置為不可拖拽。

      // 方法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").appendTo("#box"); // var $text = $("#box").find("textarea"); // var $btn = $("#box").find("button"); // $btn.on("click",function(){ // if($text.val() ==""){ // alert("請輸入內(nèi)容"); // return; // } // $("ul").prepend("
"+$text.val()+"刪除
"); // $text.val(""); // $("a").on("click",function(){ // $(this).parent("li").remove(); // }) // }) // })   微博發(fā)布：
 發(fā)布