javascript 공부: 자식요소 가져오기

자바스크립트으로 자식요소 가져오기

<div id="service" class="list">
  <h2>과일가게</h2>
  <ul>
    <li>사과</li>
    <li>바나나</li>
    <li>고구마</li>
    <li>배</li>
    <li>수박</li>
    <li>키위</li>
  </ul>
</div>

let gloe = allelem('#service', 1);

function allelem(name, type) {
  let ulElem = document.querySelector(name);
  let aElem = [];

  for (let i = 0; i < ulElem.childNodes.length; i++) {
    if (ulElem.childNodes[i].nodeType === type) {
      aElem.push(ulElem.childNodes[i])
    }
  }
  return aElem;
}