嘿，作为JavaScript新手遇到这个小问题很正常，咱们一步步来搞定它～

首先得指出你原代码里的核心问题：

• 你在循环里反复调用document.getElementById("heading")，这个方法只会返回第一个ID为heading的元素，所以不管循环多少次，你都在修改同一个元素，其他符合条件的元素根本没被处理到。
• 另外，类名拼接时没加空格，容易和原有类名粘连成无效的类名，这点也要注意。

下面是完全符合你需求的修正代码：

// 获取页面中所有div元素
var check_div = document.getElementsByTagName('div');
var numheading = 0;

for (var i = 0; i < check_div.length; i++) {
  // 判断当前div的ID是否包含"heading"
  if (check_div[i].id.indexOf('heading') !== -1) {
    numheading++;
    console.log(numheading);
    // 直接操作当前符合条件的元素，追加格式正确的类名
    // 前面加空格是为了和原有类名分隔开，避免粘连
    check_div[i].className += ` First_heading${numheading}`;
  }
}

代码细节解释： #

• 我们直接用循环里的check_div[i]操作当前遍历到的元素，不用再通过ID重新获取，这样每个符合条件的元素都会被处理到。
• 用模板字符串First_heading${numheading}生成你想要的类名格式，保证是First_heading1、First_heading2这种样式。
• 类名前加空格是关键，比如元素原本有类名title，追加后会变成title First_heading1，这才是正确的多类名写法。

如果想让代码更简洁直观，还可以用querySelectorAll直接筛选目标元素：

// 直接获取所有ID包含heading的div元素
var headingElements = document.querySelectorAll('div[id*="heading"]');

// 遍历元素，为每个元素追加唯一类名
headingElements.forEach((el, index) => {
  // index从0开始，所以加1得到1、2、3...的序号
  el.className += ` First_heading${index + 1}`;
});

// 统计数量直接用集合的length属性
console.log('符合条件的元素数量：', headingElements.length);

这个写法用属性选择器[id*="heading"]直接定位目标元素，再用forEach遍历，逻辑更清晰，代码也更短～

内容的提问来源于stack exchange，提问作者restar312