gpt4 book ai didi

javascript - 第一个使用 querySelectorAll 的待办事项列表

转载 作者:行者123 更新时间:2023-11-30 20:34:08 25 4
gpt4 key购买 nike

<分区>

我在使用 querySelectorAll 时遇到了一些问题。脚本仅适用于 querySelector,但它仅删除第一个 li。当我尝试将 querySelector 替换为 querySelectorAll 以使所有删除按钮正常工作时出现错误 - “deleteButton.addEventListener 不是函数”。

html:

body>
<div id="buttons">
<input type="text" placeholder="twoje zadanie...">
<button type="submit" class="add">dodaj</button>
</div>
<div id="tasks">
<ul>
<li><button class="done">done</button>
asd
<button class="delete">x</button></li>
<li>
<button class="done">done</button>
asdd
<button class="delete">x</button></li>
<li>
<button class="done">done</button>
dsad
<button class="delete">x</button></li>
</ul>
</div>
<script src="script.js"></script>
</body>

js:

   var deleteButton = document.querySelectorAll('.delete');

deleteButton.addEventListener('click', function() {
var li = document.querySelector('li');
li.classList.add('li-delete');
});

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com