本文實例講述了JavaScript簡單實現的仿微博留言功能。分享給大家供大家參考，具體如下：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>微博留言</title></head><script>window.onload=function(){ var text=document.getElementById('text'); var btn =document.getElementById('btn'); var oul =document.getElementsByClassName('content')[0]; btn.onclick=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) } }}</script><body> <input type="text" placeholder="請輸入您的留言" id="text" /> <input type="button" value="留言" id="btn"> <ul class="content"> </ul></body></html>使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.VeVB.COm/code/HtmlJsRun測試上述代碼，可得如下運行結果：
更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript操作DOM技巧總結》、《JavaScript頁面元素操作技巧總結》、《JavaScript事件相關操作與技巧大全》、《JavaScript查找算法技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript錯誤與調試技巧總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
