<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-widtinitial-scale=1.0" />
<title>Document</title>
</head>
<body id="start">
<ul>
<li><a href="./532">html</a></li>
<li><a href="./533">css</a></li>
<li>
<a href="./534">JavaScript</a>
<ul>
<li><a href="./535">JavaScript Core</a></li>
<li><a href="./536">DOM</a></li>
<li><a href="./537">BOM</a></li>
</ul>
</li>
</ul>
<script>
const s = document.getElementById("start");
console.log(s.firstChild); // #text (body 태그와 ul 태그 사이에 공백문자)
const ul = s.firstChild.nextSibling;
console.log(ul); // ul
console.log(ul.nextSibling); // #text
console.log(ul.nextSibling.nextSibling); // script
console.log(ul.childNodes); //text, li, text, li, text, li, text
console.log(ul.childNodes[1]); // li(html)
console.log(ul.parentNode); // body
</script>
</body>
</html>
Backend Engineer