재귀 함수

Whoyoung90·2021년 1월 26일

<!DOCTYPE html>
<html>
<body id="start">
  <ul>
      <li><a href="./532">A</a></li>
      <li><a href="./533">B</a></li>
      <li><a href="./534">C</a>
          <ul>
              <li><a href="./535">a</a></li>
              <li><a href="./536">b</a></li>
              <li><a href="./537">c</a></li>
          </ul>
      </li>
  </ul>
  <script>
   function traverse(target, callback){
      if(target.nodeType === Node.ELEMENT_NODE){
       if(target.nodeName === "A")
      callback(target);
      var t = target.childNodes;
      for(var i=0; i<t.length; i++){
      traverse( t[i], callback);
     }
   }
 } 
   traverse( document.getElementById('start'), function(elem){
   if(elem.nodeName === "A"){
    elem.style.color = 'powderblue';
     }
  });
  </script>
</body>
</html>

Whoyoung90

비전공으로 일식 쉐프가 되었듯, 배움에 겸손한 프론트엔드 개발자가 되겠습니다 :)

재귀 함수

JSON사용 전&후

" "구분

0개의 댓글