<!DOCTYPE html>
<html>
<body>
<!-- firstChild 프로퍼티를 쓰면 텍스트노드(text)를 반환한다 -->
<div id="foo">Hello</div>
<!--
<div id="foo"> (엔터로 인해 공백 텍스트 노드(text)를 반환) → #text
<p>Hello</p>
</div>
<div id="foo"><p>Hello</p> (엔터가 없으므로 요소 노드를 반환) → p
</div>
-->
</body>
<script>
console.log(document.getElementById('foo').firstChild);
// #text
</script>
</html>