返回文本框提交00......登陆

文本框提交001

A00A-KAจุ๊บ 2019-08-29 10:10:2616

<!DOCTYPE html>

<html lang="en">

<head>

   <meta charset="UTF-8">

   <meta name="viewport" content="width=device-width, initial-scale=1.0">

   <meta http-equiv="X-UA-Compatible" content="ie=edge">

   <title>文本框提交</title>


</head>

<body>

   <div class="">

       <input type="text" name="info">

       <button>提交</button>

       <ul></ul>

   </div>

   <script>

      let input=document.getElementsByName('info')[0];

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

      let ul=document.getElementsByTagName('ul').item(0);

      button.onclick=function(){

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

          li.innerHTML=input.value;

          ul.appendChild(li);

          input.value='';

      }

    //innerHTML输入文本可带标签

   //  1.dom:documernt object  文档对象模型

   //  2.文档树的各个组成部分,称为节点,node

   //  3.文本text元素element文档document

   //  4.id属性,name属性,class属性,tag标签,css属性

   //  5.创建creatElement()插入末尾appendChild()删除removeCild()更新replaceChild();插入指定位置insertBefore()

   </script>

</body>

</html>


最新手记推荐

• 新闻模块对应模块的代码• 依赖注入小例子• 模板显示用户信息表,并分页显示• 模板继承,模仿php页面• 模拟用户登录验证的案例 依赖注入 Facade

全部回复(0)我要回复

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