Javascript节点列表循环无法正常工作答案

【问题标题】：Javascript node list looping not working as it shouldJavascript节点列表循环无法正常工作
【发布时间】：2020-05-20 19:30:16
【问题描述】：

我相信我最初的问题并不清楚我想要完成什么。我比较新，我试图弄清楚我究竟是如何使用 javascript 循环来遍历某些元素以删除它们。这是一项简单的任务，但作为初学者，如果不研究文档，您不一定会真正知道需要做什么。

我提供了一个示例完成的代码，演示如何使用 e.target 删除不同的段落项。我无法让 e.target.innerHTML 工作，但是，e.target 工作得很好。

let para = document.querySelectorAll('p'); 
for (i = 0; i < para.length; i++){
para[i].addEventListener('click', (e)=> {
let target = e.target; 
target.style.display="none"; }, false); 
}

<p>Para 1</p>
<p>Para 2</p>
<p>Para 3</p>

【问题讨论】：

您应该使用代码 sn-p 正确格式化问题，并尽可能简化它。代码太长，无法这样分析。
stackoverflow.com/help/minimal-reproducible-example 请阅读本文并编辑您的问题
+1 @PabloCG 所说的。还请指定所需的行为是什么以及它现在的行为方式。我将您的代码上传到JSFiddle，因此您可以参考如何在此处上传您的 sn-p。编辑您的问题时，按 Ctrl + M 为其添加一个 sn-p 并确保它像在本地计算机上一样运行。它似乎有一些语法问题（比如在 CSS 关键帧声明中缺少 @）。确保也修复这些问题。
好的。请让我知道它现在对你们来说是否足够短。
我修复了关键帧声明中的@。我将在当天晚些时候查看我的 CSS。我现在的重点是为什么 JS 不能正常工作。这对我来说没有意义。

标签： javascript html css nodelist

【解决方案1】：

耶耶耶！！！！在一次有趣的突破会议之后，我已经弄清楚我到底做错了什么。我误解了将索引放在哪里。我也误解了如何应用 Switch 语句。我找到了一种应用 Switch 语句的方法，然后让它们一直执行到最后，这样我正在工作的轮播就不会被破坏。最后。

就损坏的代码而言，只是需要进行大量试验，而且，有时，老实说，我不确定为什么它不起作用。但是，我是从零开始的。我发现代码中以前的某些东西使它不起作用，我把它拿出来并添加了更新的代码并且它起作用了。我现在肯定会清理我的 CSS。

【讨论】：