如何使Javascript代码针对每个元素单独工作，以使用相同Javascript代码在HTML中创建多个副本

要使Javascript代码针对每个元素单独工作，以使用相同Javascript代码在HTML中创建多个副本，可以使用以下方法：

使用循环：通过循环遍历每个元素，然后在循环中执行相同的Javascript代码。这样可以确保每个元素都会被单独处理。例如，使用for循环可以遍历所有的元素，并对每个元素执行相同的Javascript代码。

var elements = document.getElementsByClassName('your-class'); // 获取所有具有相同类名的元素
for (var i = 0; i < elements.length; i++) {
  // 在这里执行相同的Javascript代码，可以使用elements[i]来访问当前的元素
}

使用事件监听器：为每个元素添加事件监听器，当事件触发时执行相同的Javascript代码。这样可以确保每个元素都有自己的事件处理逻辑。例如，使用addEventListener方法为每个元素添加点击事件监听器。

var elements = document.getElementsByClassName('your-class'); // 获取所有具有相同类名的元素
for (var i = 0; i < elements.length; i++) {
  elements[i].addEventListener('click', function() {
    // 在这里执行相同的Javascript代码，可以使用this来访问当前的元素
  });
}

使用自定义属性：为每个元素添加自定义属性，然后在Javascript代码中根据属性值执行相应的逻辑。这样可以为每个元素提供独立的数据和行为。例如，为每个元素添加data属性，然后在Javascript代码中根据data属性值执行相应的操作。

<div class="your-class" data-id="1"></div>
<div class="your-class" data-id="2"></div>
<div class="your-class" data-id="3"></div>

var elements = document.getElementsByClassName('your-class'); // 获取所有具有相同类名的元素
for (var i = 0; i < elements.length; i++) {
  var id = elements[i].getAttribute('data-id'); // 获取自定义属性值
  // 根据id执行相应的Javascript代码
}

通过以上方法，可以使Javascript代码针对每个元素单独工作，以使用相同Javascript代码在HTML中创建多个副本。这样可以提高代码的复用性和可维护性，同时为每个元素提供独立的处理逻辑。