遍历NodeList（由.querySelectorAll（）返回），并有条件地应用类[重复]

Question

此问题已经在这里有了答案：

How to correctly iterate through getElementsByClassName （5个答案）

[<7小时前关闭。

我想实现的是：

如果列表元素的innerHTML说“ MAP”（显示地图链接）
• 如果列表元素的innerHTML说“ NoMAP”（隐藏映射链接）

这是我的CSS代码：

   <style type="text/css">
        .hideout {
            display: none;
        }
    </style>

这是我的JavaScript代码：
<script type="text/javascript">
  var listElements = document.querySelectorAll('.list');
  var mapElement = document.querySelectorAll('.map');

  listElements.forEach(element => {  

    if (element.innerHTML == "NoMap") {  

      mapElement.classList.add('hideout');  

      }
    }); 

我上面的内容无效。我发现添加索引可以使其工作。 
      mapElement[0].classList.add('hideout');

如何在这种情况下应用for循环？