Edit in JSFiddle

<div class="choice">div.choice</div>
<ul>
  <li>ul - li</li>
  <li class="choice">ul - li.choice</li>
  <li>ul - li</li>
  <li class="choice">ul - li.choice</li>
  <li>ul - li</li>
</ul>
<p class="choice">p.choice</p>

var choice = document.querySelector('li.choice'); //css쿼리 패턴과 일치하는 요소
var choiceAll = document.querySelectorAll('li.choice'); //css쿼리 패턴과 일치하는 모든 요소 반환

choice.style.backgroundColor = "#77ee77";

var len = choiceAll.length;
for (var i = 0; i < len; i++) {
  choiceAll[i].style.color = "#FF0000";}