JSFiddle - React, Tailwind, and code Playground

HTML

<div id="jsMenu">
  <strong>Javascript</strong>
  <ul>
    <li>menu1-1</li>
    <li>menu1-2</li>
    <li>menu1-3</li>
    <li>menu1-4</li>
    <li>menu1-5</li>
  </ul>
</div>

<div id="jqMenu">
  <strong>jQuery</strong>
  <ul>
    <li>menu2-1</li>
    <li>menu2-2</li>
    <li>menu2-3</li>
    <li>menu2-4</li>
    <li>menu2-5</li>
  </ul>
</div>

JavaScript

// javascript
(function () {
	// #jsMenu를 id로 선택
  var wrapEle = document.getElementById('jsMenu');
  // #jsMenu 하위의 'li' 태그를 선택(다수를 선택하므로 배열)
  var listEles = wrapEle.getElementsByTagName('li');
  
  // 반복문을 사용하여 선택한 'li'태그에 style을 적용
  for(var i = 0;i < listEles.length; i++) {
    listEles[i].style.color = 'red';
  }
})();


// jQuery
$('#jqMenu li').css('color', 'red');