vue再读66-一次帮别人解决问题的案例
2024-05-20 08:56:20 阅读次数：22
javascript，vue
<!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].value
console.log(ele[i]); */
ul.appendChild(li);
li.innerHTML += text[i].value
}
}
}
</script>
</body>
</html>
版权声明：本文内容来自第三方投稿或授权转载，原文地址：https://blog.51cto.com/u_15460007/6051136，作者：前端导师歌谣，版权归原作者所有。本网站转在其作品的目的在于传递更多信息，不拥有版权，亦不承担相应法律责任。如因作品内容、版权等问题需要同本网站联系，请发邮件至ctyunbbs@chinatelecom.cn沟通。
上一篇：python-if判断的本质
下一篇：一开始屏幕上什么也没有，粘贴板里什么也没有， 你只能在键盘上做如下4种操作中的1种： 输入：在屏幕上已经显示内容的后面加一个A， 全选：把屏幕上已经显示的全部内容选中
