js运用渲染

let arr = [“菜单一”,
“菜单二”, “菜单三”
];
let arr1 = [“商品一”,
“商品二”, “商品三”, “商品四”
];
let steta = [true, true, true];

let bodEle = document.querySelector(“body”)

function xuanran() {
bodEle.innerHTML = “”;

for (let index in arr) {
    bodEle.innerHTML += `<section style="color:red; font-size:36px" data-index="${index}" data-steta="${steta[index]}">${arr1[index]}</section>`;

}
let secEle = document.querySelectorAll("section");
for (let index in secEle) {
    for (let timp of arr1) {
        secEle[index].innerHTML += `<div style="color:black; font-size:20px">${timp}</div>`;
    }
}

};
xuanran();