íì ë ¸ë ê°ì ì¸ê¸°
ì¤ìë: 5
ulê³¼ li ë
¸ëë¡ êµ¬ì±ë í¸ë¦¬ 구조 문ìê° ìë¤ê³ ê°ì í´ ë´
ìë¤.
li ë
¸ë ì 체를 ëìì¼ë¡ ìëì ê°ì ìì
ì íë ¤ í©ëë¤. ì¡°ê±´ì ë§ì¡±ìí¬ ì ìë ì½ë를 ìì±í´ ë³´ì¸ì.
lië ¸ë ìì ìë í ì¤í¸ë¥¼ ì¶ë ¥lië ¸ë ìëì ìë 모ë<li>íê·¸ì ê°ì를 ì¶ë ¥
<li>를 ì´ì©í ë°ë³µë¬¸ì ë§ë¤ì´ ë´
ìë¤.
for (let li of document.querySelectorAll('li')) {
...
}
ë°ë³µë¬¸ ììì ê°ê°ì li ìì ìë í
ì¤í¸ë¥¼ ê°ì ¸ìì¼ í©ëë¤.
liì 첫 ë²ì§¸ ìì ë
¸ëì¸ í
ì¤í¸ ë
¸ëë¡ë¶í° í
ì¤í¸ë¥¼ ì½ì ì ììµëë¤.
for (let li of document.querySelectorAll('li')) {
let title = li.firstChild.data;
// titleì <li> ìì ìë ë¤ë¥¸ ë
¸ëë¤ë³´ë¤ ìì ìì¹í í
ì¤í¸ì
ëë¤.
}
ê·¸ë¦¬ê³ li.getElementsByTagName('li').length를 ì´ì©í´ li ë
¸ë ìëì ìë 모ë <li> íê·¸ì ê°ì를 ê°ì ¸ì¬ ì ììµëë¤.