const tree = Object.values(document.getElementsByClassName('xxx')) // 获取所有类名为el-tree-node__content的div(更改背景色就是更改xxx的背景色), // 这是一个对象,需要先更改未数组类型再进行判断 其内部所有的子元素也为对象因此在map时均需要进行更改 // 直到在第三层找到我们自己定义的id yyy时将xxx的背景色更改掉,其余的同类均改为默认背景色 tree.map((item) => { // const itemTree = Object.values(item.children) Object.values(item.children).map((items) => { if (items.className === 'zzz') { const a = Object.values(items.children).filter((itemArr) => { if (itemArr.id === 'yyy') { return itemArr } }) if (a.length === 1) { item.style.background = '#FFF4D9' } else { item.style.background = '#FFF' } } }) })
css样式根据子元素对父元素进行更改
最新推荐文章于 2024-10-18 10:49:37 发布