From e1ec14e4c156c03caad8d3d5d688c4ae2af9748b Mon Sep 17 00:00:00 2001
From: JunYoung <chy4505@naver.com>
Date: Wed, 14 Apr 2021 20:34:35 +0900
Subject: [PATCH] =?UTF-8?q?[=EA=B3=BC=EC=A0=9C=20=EB=B2=88=EC=97=AD]?=
 =?UTF-8?q?=EC=A3=BC=EC=9A=94=20=EB=85=B8=EB=93=9C=20=ED=94=84=EB=A1=9C?=
 =?UTF-8?q?=ED=8D=BC=ED=8B=B0=20=EA=B3=BC=EC=A0=9C(Count=20descendants)?=
 =?UTF-8?q?=EC=9D=98=20=EB=8D=B0=EB=AA=A8=20=EB=B2=88=EC=97=AD(#1068)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../2-tree-info/source.view/index.html        | 46 +++++++++++--------
 1 file changed, 28 insertions(+), 18 deletions(-)
diff --git a/2-ui/1-document/05-basic-dom-node-properties/2-tree-info/source.view/index.html b/2-ui/1-document/05-basic-dom-node-properties/2-tree-info/source.view/index.html
index fbfacaa88f..ab781edb84 100644
--- a/2-ui/1-document/05-basic-dom-node-properties/2-tree-info/source.view/index.html
+++ b/2-ui/1-document/05-basic-dom-node-properties/2-tree-info/source.view/index.html
@@ -3,36 +3,36 @@
 <body>
 
   <ul>
-    <li>Animals
+    <li>육상 동물
       <ul>
-        <li>Mammals
+        <li>포유류
           <ul>
-            <li>Cows</li>
-            <li>Donkeys</li>
-            <li>Dogs</li>
-            <li>Tigers</li>
+            <li>소</li>
+            <li>당나귀</li>
+            <li>개</li>
+            <li>호랑이</li>
           </ul>
         </li>
-        <li>Other
+        <li>비 포유류
           <ul>
-            <li>Snakes</li>
-            <li>Birds</li>
-            <li>Lizards</li>
+            <li>뱀</li>
+            <li>새</li>
+            <li>도마뱀</li>
           </ul>
         </li>
       </ul>
     </li>
-    <li>Fishes
+    <li>수생 동물
       <ul>
-        <li>Aquarium
+        <li>담수 동물
           <ul>
-            <li>Guppy</li>
-            <li>Angelfish</li>
+            <li>붕어</li>
+            <li>메기</li>
           </ul>
         </li>
-        <li>Sea
+        <li>해양 동물
           <ul>
-            <li>Sea trout</li>
+            <li>해마</li>
           </ul>
         </li>
       </ul>
@@ -40,8 +40,18 @@
   </ul>
 
   <script>
-    // ... your code...
+    for (let li of document.querySelectorAll('li')) {
+      // 텍스트 노드를 사용해 원하는 글자를 얻습니다.
+      let title = li.firstChild.data;
+
+      title = title.trim(); // 텍스트 끝에 있는 공백을 지웁니다.
+
+      // 후손 노드의 갯수를 얻습니다.
+      let count = li.getElementsByTagName('li').length;
+
+      alert(title + ': ' + count);
+    }
   </script>
 
 </body>
-</html>
+</html>
\ No newline at end of file
