javascript 删除定义类的节点后再次添加时，出现类重复声明错误

x8diyxa7 于 2023-05-05 发布在 Java

关注(0)|答案(1)|浏览(106)

<body>
  <div id="box">
    <script>
      class Sample {
        //
      }
    </script>
  </div>
</body>

在上面的代码中，在使用remove（）方法删除节点之后，再次使用appendChild方法将节点的内容添加到主体中。类重复声明错误（未捕获的SyntaxError：已声明标识符“Sample”）。我确认节点已删除。
如何删除节点以使其不会抛出错误？

1条答案

<script>不应包含在框中：

<body>
  <div id="box">
  </div>
  <script>
    class Sample {
      //
    }
  </script>
</body>

或

<head>
  …
  <script>
    class Sample {
      //
    }
  </script>
</head>
<body>
  <div id="box">
  </div>
</body>

这样，您可以静态或动态地添加和删除任意多个框。Sample类应该只静态声明一次，不管有多少个盒子。
如果你需要为每个盒子执行代码，那就不应该在<script>元素中添加和删除相应的盒子，而是在添加和删除盒子的代码中。