怎么用javascript添加li的样式_IT百科

var ul = document.getElementsByTagName('ul')[0],

li1 = ul.getElementsByTagName('li')[1],

div = li1.getElementsByTagName('div')[0]

div.setAttribute('class','你要添加的样式CLASS名')

//添加属性也可以这样做。

//只是添加样式也可以div.className = 'class名'

<!DOCTYPE HTML>

<html>

<head>

<style>

.abc {

background-color: red

}

</style>

onload = function() {

var lis = document.querySelectorAll("ul li")

for (var i = 1 i < lis.length i += 4) {

lis[i].className = "abc"

if (lis[i + 1]) {

lis[i + 1].className = "abc"

}

</script>

</head>

<body>

<ul>

</ul>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

怎么用javascript添加li的样式