vue再读66-一次帮别人解决问题的案例

 <!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>

posted @ 2022-07-29 22:30 前端导师歌谣阅读(22) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· vue再读63-组件体验

· vue再读61-watch基本使用

· vue学习——页面中引入vue

· 求和案例vuex版

· 前端学习（2090）：登录小案例

公告

昵称：前端导师歌谣
园龄： 7年3个月
粉丝： 9
关注： 0

+加关注

2025年3月

日

一

二

三

四

五

六

前端导师歌谣的博客

微信公众号关注前端小歌谣每日分享前端知识

vue再读66-一次帮别人解决问题的案例

公告

搜索

常用链接

最新随笔

我的标签

积分与排名

随笔分类

随笔档案

相册

阅读排行榜

推荐排行榜

	<!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>

前端导师歌谣的博客

微信公众号关注前端小歌谣 每日分享前端知识

vue再读66-一次帮别人解决问题的案例

公告

搜索

常用链接

最新随笔

我的标签

积分与排名

随笔分类

随笔档案

相册

阅读排行榜

推荐排行榜

微信公众号关注前端小歌谣每日分享前端知识