第32天:微博釋出動態
微博釋出動態
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>微博釋出</title> <style> ul{ list-style:none; } *{ margin: 0; padding: 0; } .box{ margin:100px auto; width: 600px; height: auto; border: 1px solid #333333; padding: 30px 0; } textarea{ width: 400px; resize: none;/*防止使用者拖動 右下角*/ } .box li{ width: 400px; line-height: 30px; border-bottom: 1px dashed #c1c1c1; margin-left: 80px; } .box li a{ float: right;; } </style> <script> window.onload=function(){ //獲取物件 var btn=document.getElementsByTagName("button")[0]; var txt=document.getElementsByTagName("textarea")[0]; var ul=document.createElement("ul"); btn.parentNode.appendChild(ul); btn.onclick=function(){ if(txt.value==""){ alert("輸入不能為空"); return false;//終止函式執行 } var newli=document.createElement("li"); newli.innerHTML=txt.value+"<a href=`javascript:;`>刪除</a>"; txt.value=""; var lis=ul.children;//獲得由多少個li if(lis.length==0){ ul.appendChild(newli); }else{ ul.insertBefore(newli,lis[0]);//每次新增的li放到上一個的前面 } var as=document.getElementsByTagName("a"); for(var i=0;i<as.length;i++){ as[i].onclick=function(){ ul.removeChild(this.parentNode);//a的爸爸是li } } } } </script> </head> <body> <div class="box"> 微博釋出:<textarea name="" cols="30" rows="10"></textarea><button id="btn">釋出</button> <!--<ul id="ul">--> <!--<li>123</li>--> <!--<li>123</li>--> <!--<li>123</li>--> <!--</ul>--> </div> </body> </html>
執行效果:
相關文章
- 微博釋出 7月手機微博品牌榜出爐!
- 自動釋出新浪微博javaJava
- 資料:新浪微博企業微博釋出時間規律研究
- 如何在微信中釋出動態資訊
- 專案動態|Apache Pulsar 2.7.4 版本釋出Apache
- 新浪微博動態 RSA 分析圖文+登入
- PrimTux 釋出第 4 版UX
- FLUI 0.9 版本釋出,新增動態渲染模組 DynamicUI
- Python 教你動態展示微博熱搜排名變化Python
- 騰訊 Omi 生態釋出
- 360手機N4釋出 nubia倪飛發微博
- 微博釋出全新廣告產品 完善商業化佈局
- TapTap 舉辦首屆遊戲釋出會,線上釋出十餘款精品手遊最新動態APT遊戲
- 微博擬2月28日正式解除140字釋出限制
- 新浪阿里釋出微博淘寶版 籌劃社交購物2.0時代阿里
- Semiocast:Twitter上61%微博由移動裝置發出AST
- Pisanix v0.2.0 釋出|新增動態讀寫分離支援
- 微博地址:http://weibo.com/longchun 一些新的技術和想法將在微博中釋出HTTPGC
- 小米雷軍微博曬工程機 小米5將於Q4釋出
- 請大家給些建議和意見,關於動態內容,靜態釋出。
- 你不再需要動態網頁——編輯-釋出-開發分離網頁
- Mindsware動態資料物件平臺v0.2版釋出 (轉)物件
- 魅族首款平板電腦12月釋出?已註冊官方微博
- ThinkOX v1.2.0 版正式釋出,輕量社交,微博和討論區
- 微博釋出2015年第二季度財報
- Nacos釋出0.5.0版本,輕鬆玩轉動態 DNS 服務DNS
- Cloud Kernel SIG月度動態:釋出 Anolis 8.8 映象、kABI 社群共建流程Cloud
- 動態連結庫DLL_第1篇
- mORMot 1.18 第13章 動態陣列ORM陣列
- Excel模板匯出之動態匯出Excel
- 喜迎雙十一:態勢感知功能釋出
- 雲場景實踐研究第64期:新浪微博
- 國軒高科釋出半固態、換電、移動儲能多款產品
- Omi應用md2site-0.5.0釋出-支援動態markdown拉取解析
- 12月第3周業務風控關注 |《網路資訊內容生態治理規定》釋出
- iOS自動整合打包釋出iOS
- 狀態管理神器 moox 釋出 1.0 beta版本
- Google Drive新增靜態網站釋出功能Go網站