Observe o trecho de código a seguir, que utiliza HTML5, CSS com seletores e classes, e JavaScript para manipulação dinâmica de estilos por meio da API do DOM, prática historicamente associada ao conceito de páginas web dinâmicas. 

<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8">
  <title>Estilos com CSS e DOM</title>
  <style>
  .box {
    width: 150px;
    height: 100px;
    background: yellow;
  }
  .highlight {
    border: 3px solid red;
  }
  </style>
</head>
<body>
  <div class="box destaque">Caixa 1</div>
  <div class="box highlight">Caixa 2</div>

  <script>
  const caixas = document.querySelectorAll(".box");
  caixas.forEach(caixa => {
    caixa.addEventListener("click", () => {
      caixa.classList.toggle("highlight");
    });
  });
  </script>
</body>
</html>

Com base no código apresentado e nos conceitos de seletores CSS, classes e manipulação do DOM via JavaScript, assinale a afirmativa INCORRETA.