老师 帮忙看下
来源：4-24 项目作业
lcy_18
2021-03-29 21:34:25
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
</style>
</head>
<body>
<input type="text" class="textInput">
<button id="btn">添加</button>
<ul class="list">
<li class="li">吃饭</li>
<li class="li">睡觉</li>
<li class="li">打豆豆</li>
</ul>
<script>
// 获取元素
var textInput = document.querySelector(".textInput")
var btn = document.querySelector("#btn")
var list = document.querySelector(".list")
var li = document.querySelectorAll(".li")
// 给按钮绑定点击事件
btn.onclick = function () {
var li = document.createElement("li")
li.className = "li"
li.innerHTML = textInput.value;
list.appendChild(li)
textInput.value = ""
}
// 给li绑定点击事件
// for (var i = 0; i < li.length; i++) {
// li[i].onclick = function () {
// list.removeChild(this)
// }
// }
//给list绑定点击事件，事件委托
list.onclick=function(e){
this.removeChild(e.target);
}
</script>
</body>
</html>
1回答
-
同学你好，思路正确，代码也是对的。很棒，祝学习愉快！
0
相似问题