javascript实现微博留言功能

最新推荐文章于 2021-06-05 03:24:08 发布

黎成诃月

最新推荐文章于 2021-06-05 03:24:08 发布

阅读量791

点赞数

分类专栏：前端-javaScript

本文链接：https://blog.csdn.net/weixin_40292626/article/details/82221402

版权

前端-javaScript 专栏收录该内容

53 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>微博留言</title>
</head>
<script>
window.οnlοad=function(){
   var text=document.getElementById('text');
   var btn =document.getElementById('btn');
   var oul =document.getElementsByClassName('content')[0];

   btn.οnclick=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>