数组元素整体无法使用的部分

解决方案：先转换为单个元素，后对单元素进行操作.

例如：使用forEnch进行遍历得到整体的每个单元素

     head_titles为数组元素
    const head_titles = document.querySelectorAll('.head_title')
    
    
    使用forEach遍历此数组，得到的title则为每一个单独的元素
    
    移除所有 head_title 的 active 类
    head_titles.forEach(title => title.classList.remove('active'));

    为当前点击的 head_title 添加 active 类
    head_title.classList.add('active');

数组元素整体无法直接使用部分

1.无法直接使用data属性

2.无法直接使用事件监听