使用while循环修改h1背景色时出现TypeError错误求助

• 错误核心：你的while循环终止条件设置错误，导致循环最后一次迭代时，访问了超出元素集合索引范围的位置，拿到了undefined，再尝试读取undefined的classList属性，就触发了Cannot read properties of undefined类型错误。
  比如页面有3个h1元素，document.querySelectorAll('h1')返回的集合长度为3，有效索引是0、1、2。如果循环写的是let i = 0; while(i <= h1s.length) { ... i++ }，当i等于3时，h1s[3]就是undefined，此时访问h1s[i].classList必然报错。
• For Of循环无错误的原因：它会自动遍历集合内的每一个有效元素，遍历到最后一个元素就停止，不会去访问超出集合范围的索引，因此不会出现读取undefined属性的情况。
• 修复方案：将while循环的终止条件改为i < h1s.length，确保索引始终处于有效范围内，示例代码：

  const h1Elements = document.querySelectorAll('h1');
  let index = 0;
  while(index < h1Elements.length) {
    h1Elements[index].style.backgroundColor = '#ff0000';
    // 或者用classList：h1Elements[index].classList.add('custom-bg');
    index++;
  }
  

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