要使Javascript代码针对每个元素单独工作,以使用相同Javascript代码在HTML中创建多个副本,可以使用以下方法:
var elements = document.getElementsByClassName('your-class'); // 获取所有具有相同类名的元素
for (var i = 0; i < elements.length; i++) {
// 在这里执行相同的Javascript代码,可以使用elements[i]来访问当前的元素
}
var elements = document.getElementsByClassName('your-class'); // 获取所有具有相同类名的元素
for (var i = 0; i < elements.length; i++) {
elements[i].addEventListener('click', function() {
// 在这里执行相同的Javascript代码,可以使用this来访问当前的元素
});
}
<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中创建多个副本。这样可以提高代码的复用性和可维护性,同时为每个元素提供独立的处理逻辑。
领取专属 10元无门槛券
手把手带您无忧上云