©TCP-tryWWW

<!DOCTYPE html>
<html lang="ko">

<head>
	<meta charset="UTF-8">
	<title>JavaScript Node List</title>
</head>

<body>

	<h1>노드 리스트</h1>
	<ul id="list">
		<li>첫 번째 아이템이에요!</li>
		<li>두 번째 아이템이에요!</li>
		<li>세 번째 아이템이에요!</li>
	</ul>

	<script>
		// 아이디가 "list"인 요소의 모든 자식 노드들을 선택함.
		var listItems = document.getElementById("list").childNodes;
		// 자식 노드들 중 첫 번째 li 요소의 내용을 변경함.
		listItems[1].firstChild.nodeValue = "HTML 요소의 내용을 변경했어요!";
	</script>
	
</body>

</html>