console
const parentEle = document.querySelector(".independent")
const firstLayer = ["智慧安防", "智慧出入", "智慧楼控", "信息发布"]
let html = ""
for (let i = 0; i < firstLayer.length; i++) {
const text = firstLayer[i]
html += `<div>${text}</div>`
}
parentEle.innerHTML = html
function handleActionInteraction(ele, selectClass, normalClass) {
if (!ele || !selectClass || !normalClass) { return false }
const preEle = document.querySelector(`.${selectClass}`);
if (preEle) {
const preClass = preEle.classList;
preClass.remove(selectClass)
preClass.add(normalClass)
}
const { classList } = ele;
classList.contains(normalClass) && classList.remove(selectClass)
classList.add(selectClass)
}
<div class="independent">
</div>
.independent>div {
padding: 5px;
border: 1px solid blue;
}