我们通过getElementById()可以获取某个ID 的元素;

通过getElementsByTagName()可以获取某一组元素;

 

通过

oLi[i].className=='box'

可以根据某个元素的className是不是box来决定是否使用;

下面的例子是通过className来判断哪些元素的背景变色;

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
window.onload= function ()
{
var oUl=document.getElementById('ul1')
var oLi=oUl.getElementsByTagName('li')

for(var i=0;i<oLi.length;i++)
{
if(oLi[i].className=='box')
{
oLi[i].style.background='red'
}
}
}
</script>
</head>
<body>
<ul id="ul1">
<li class="box"></li>
<li></li>
<li></li>
<li class="box"></li>
<li></li>
<li></li>
<li class="box"></li>
<li></li>
<li class="box"></li>
<li></li>
</ul>
</body>
</html>

通常我们获取元素的时候,会有很多的““`