Classlist.add以更短的方式?

时间:2019-03-08 08:59:15

标签: javascript

嘿,我必须给一些列表项提供自己的类。但是我的方法有点太多。有没有办法用循环或类似方法使这种清洁器更清洁?

Javascript:

function classAdden() {
    var element = document.querySelectorAll("LI");
    element[0].classList.add("javascript"); // Javascript
    element[1].classList.add("tinkiewinkie"); // Tinkie Winkie
    element[2].classList.add("dipsi"); // Dipsi
    element[3].classList.add("php"); // PHP
    element[4].classList.add("lala"); // Lala
    element[5].classList.add("po"); // Po
    element[6].classList.add("jquery"); // jQuery
}

2 个答案:

答案 0 :(得分:1)

也许:

const names = ["javascript", ..., "jquery"];
for (let i = 0; i < names.length; i++)
    element[i].classList.add(names[i]);

答案 1 :(得分:1)

将值存储在array中并使用forEach()

const arr = ["javascript","tinkiewinkie","dipsi","php","lala","po","jquery"]; 
function classAdden() {
     const element = document.querySelectorAll("LI"); 
     arr.forEach((a,i) => element[i].classList.add(a)); 
}