36_切换Tab栏目

本题考点：点击事件、遍历、自定义属性

根据题目要求，当点击Tab栏目时切换该Tab栏目的背景色并更改下方"li"元素，核心步骤有：

1. 给”option“元素添加点击事件
2. 当点击事件被触发的时候，对数组”optionItems“进行遍历初始化设置所有的Tab栏目背景色为”#fff“，在单独设置当前触发事件的元素背景色为”#25bb9b“
3. 然后对数组“items”进行遍历设置所有“li“元素的”display“属性为”none“，最后通过获取自定义属性设置对应索引值的”li“元素”display”属性为“block”

参考答案：

options.onclick = function (event) {
    optionItems.forEach((item) => {
        item.style.backgroundColor = '#fff'
    })
    event.target.style.backgroundColor = '#25bb9b'
    items.forEach((item) => {
        item.style.display = 'none'

    })
    items[event.target.dataset.type].style.display = 'block'
}