前端学习(1501):一次帮别人解决问题的案例
生活随笔
收集整理的這篇文章主要介紹了
前端学习(1501):一次帮别人解决问题的案例
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
超開心
只能添加姓名
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head><body>請輸入姓名<input type="text"> 請輸入郵箱<input type="text"><ul></ul><button>添加</button><script>var btn = document.querySelector('button');var text = document.querySelectorAll('input');var ul = document.querySelector('ul');console.log(text);btn.onclick = function() {if (text.value == '') {return false;} else {var li = document.createElement('li');/* console.log(text.value); *//* li.innerHTML = text[0].value;li.innerHTML = text[1].value; *//* console.log(text[1].value) */for (i = 0; i <= text.length - 1; i++) {console.log(text[i].value);/* var ele = text[i].valueconsole.log(ele[i]); */ul.appendChild(li);li.innerHTML += text[i].value}}}</script> </body></html>解決?
總結
以上是生活随笔為你收集整理的前端学习(1501):一次帮别人解决问题的案例的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: qt播放器
- 下一篇: 前端学习(1551):补充cloak