点击yyyy类元素时滚动到xxxx类元素的JavaScript代码问题求助

你的代码存在两个核心问题：

• document.getElementsByClassName() 返回的是HTMLCollection类数组对象，并非单个DOM元素，直接给它绑定onclick事件无效，必须遍历每个元素单独绑定事件。
• 同理，获取xxxx类元素后，需要从类数组中取出具体元素（比如第一个匹配项），才能调用scrollIntoView()方法。

修复后的代码如下：

// 获取所有带yyyy类的元素
const yyyyElements = document.getElementsByClassName('yyyy');
// 获取目标滚动元素（取第一个带xxxx类的元素）
const targetElement = document.getElementsByClassName('xxxx')[0];

// 遍历每个yyyy元素，绑定点击事件
for (let i = 0; i < yyyyElements.length; i++) {
  yyyyElements[i].onclick = function() {
    // 确保目标元素存在再执行滚动
    if (targetElement) {
      targetElement.scrollIntoView({ behavior: 'smooth' }); // 可选：添加平滑滚动效果，不需要可删除配置项
    }
  };
}

补充说明：

• 如果页面中有多个xxxx类元素，可根据需求调整索引（比如[1]取第二个），或结合具体逻辑筛选目标元素。
• 若不需要平滑滚动，直接调用targetElement.scrollIntoView()即可。

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