按css查询多个元素

示例2 查询多个元素

<!DOCTYPE html>

<html>

<head>

<title>访问元素</title>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<style>

.mycolor{

color:#fff;

}

.steam{

text-decoration: initial;

}

</style>

</head>

<body>

<ul id="ul">

<li id="a">油条</li>

<li id="b" class="steam">包子</li>

<li id="c" class="steam">米饺</li>

<li id="d"><a>鱼粉</a></li>

</ul>

<script>

// 返回多个元素节点

var els = document.querySelectorAll('li.steam');

els[0].className='mycolor';

</script>

</body>

</html>

巴特西