<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<ul>
<li>커피</li>
<li>빵</li>
<li>점심</li>
</ul>
<script>
// NodeList는 웹 페이지의 HTML 문서 내에서 선택한 요소 뿐만 아니라 문서 내 정렬된 순서대로 모이는 집합
// 유사배열 형태를 가지고 있다.
const liElements = document.querySelectorAll('li');
console.log(liElements);
// for문 적용
for(let i=0; i<liElements.length; i++){
console.log(liElements[i].textContent);
}
</script>
</body>
</html>
개발자