返回聊天信息生成原......登陆

聊天信息生成原理

肖凌2019-06-08 13:13:0599

<!DOCTYPE html>

<html>

         <head>

         <title>DOM聊天信息生成原理</title>

         </head>

         <body>

         </body>

         <script>

        //创建input框

         let input=document.createElement('input');

         input.setAttribute('type','text');

         document.body.appendChild(input);

         //创建button按钮

         let but=document.createElement('button');

         but.textContent='提交';

         but.setAttribute('name','submit');

         document.body.appendChild(but);

          //创建ul

         let ul=document.createElement('ul');

         document.body.appendChild(ul);

         let btn=document.getElementsByTagName('button').item(0);

        //点击button

          btn.onclick=function(){

                     var li=document.createElement('li');

                     li.innerHTML=input.value;

                     ul.appendChild(li);

                     input.value='';

         }

         </script>

</html>


最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送
  • PHP中文网