亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

聊天信息生成原理學(xué)習(xí)和總結(jié)

Original 2018-12-08 17:58:40 245
abstract：<!DOCTYPE html> <html> <head>  <title>聊天信息生成原理</title>  <meta charset="utf-8"> </head> <body>  <input type=&q 
<!DOCTYPE html>
<html>
<head>
 <title>聊天信息生成原理</title>
 <meta charset="utf-8">
</head>
<body>
 <input type="" name="info">
    <button>提交</button>
    <ul></ul>
    <script type="text/javascript">
     var input = document.getElementsByName('info')[0];
     var button = document.getElementsByTagName('button')[0];
     var ul = document.getElementsByTagName('ul')[0];
     button.onclick = function(){
      var li = document.createElement('li');
      li.innerHTML=input.value;
      ul.appendChild(li);
      input.value = '';
      console.log(li);
     }
    </script>
</body>
</html>

QQ圖片20181208175432.png

  1. 獲取所需的元素

  2. 創(chuàng)建li標(biāo)簽 使用createElement()

  3. li標(biāo)簽獲取input中的value值

  4. 將li標(biāo)簽添加到ul中 使用appendChild()

     5. 清空input中的value值

Correcting teacher：天蓬老師Correction time：2018-12-08 18:02:04
Teacher's summary：其實(shí)這個(gè)案例,還是一個(gè)名稱 叫: todolist, 是一個(gè)經(jīng)典的案例,有空多寫寫

Release Notes

Popular Entries