使用 js 实现待办事项列表，无法通过 dom 将值渲染到网页
在使用 JS 实现待办事项列表时，遇到了如下问题：当我点击“正在进行”任务中的复选框时，任务无法自动分类到“已完成”中。
问题产生的平台版本及尝试过的解决方法：
已尝试移除 CSS 文件，以排除其对内容的覆盖。
相关代码：
主页面
......
登录后复制
JS 文件
contentDom.addEventListener("change", (event) => { let target = event.target; if (target.dataset.form === "todo" && target.tagName === "INPUT") { ... } else if (target.dataset.form === "done" && target.tagName === "INPUT") { ... }});
登录后复制
预期结果：
点击“正在进行”任务中的复选框后，该任务应自动分类到“已完成”中。
实际错误信息：
未出现任何实际错误信息。
解决方法：
问题出在单击“正在进行”任务复选框后的错误处理逻辑中。在此例中，使用了 target.dataset.form 获取元素的 data-form 属性，但代码中将 form 错误地拼写为 from。
为了解决问题，需将以下代码中的 from 全局替换为 form：
data-form="todo"data-form="done"
登录后复制
以上就是使用 JS 实现待办事项列表，点击“正在进行”任务复选框为什么无法自动分类到“已完成”？的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2808628.html
