复习:点击删除当前li
代码
<body>
<ul>
<li id='1'>1</li>
<li id='2'>2</li>
<li id='3'>3</li>
<li id='4'>4</li>
<li id='5'>5</li>
</ul>
</body>
<script>
const ul = document.querySelector('ul')
let lis = document.querySelectorAll('li')
// 方法一:
for(let i=0; i<lis.length; i++) {
lis[i].onclick = function() {
lis[i].remove()
}
}
// 方法二:
for(let i=0; i<lis.length; i++) {
lis[i].onclick = function() {
ul.removeChild(lis[i])
}
}