微博發布功能，可發布可刪除。樣式沒設置忽略，主要知識點及注意點：

1、動態添加節點標簽。

2、內容為空時不能發布。

3、新發布的內容要在上面。

4、內容刪除要同時刪除掉節點。

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

Document

* {margin: 0;padding: 0;}

.box{

border: 1px solid #000;

width: 600px;

height: auto;

margin:100px auto;

padding:30px 0;

}

textarea{

width: 450px;

resize:none;

margin-left: 20px;

}

ul li{

width: 450px;

list-style: none;

border-bottom: 1px dotted #ccc;

margin-left:20px;

line-height: 30px;

color: #333;

}

ul li a{

float: right;

font-size: 12px;

}

// 方法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].οnclick=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()+"刪除");

// $text.val("");

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

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

// })

// })

// })

微博發布：

發布

以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！

總結

以上是生活随笔為你收集整理的autojs微博_js实现微博发布小功能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。