최초 얻기 및 마지막 하위 노드 특정 노드의 자바스크립트가 firstChild 를 제공했습니다. 및 lastChild 방법을 각각. 간단히 논의해 보겠습니다.
첫 번째 자녀
구문
node.firstChild;
예시
다음 예에서는 목록 노드에 세 개의 요소가 있습니다. "firstChild 메서드 사용 " 첫 번째 요소가 발견되고 결과가 출력에 표시됩니다.
<html>
<body>
<ul id = "list"><li>Tesla</li><li>Spacex</li><li>Solarcity</li></ul>
<p id="first"></p>
<script>
var list = document.getElementById("list").firstChild.innerHTML;
document.getElementById("first").innerHTML = list;
</script>
</body>
</html> 출력
Tesla Spacex Solarcity Tesla
마지막 자식
구문
node.lastChild;
예시-2
다음 예에서는 목록 노드에 세 개의 요소가 있습니다. "lastChild 메서드 사용 " 마지막 요소가 발견되고 결과가 출력에 표시됩니다.
<html>
<body>
<ul id = "list"><li>Tesla</li><li>Spacex</li><li>Solarcity</li></ul>
<p id="first"></p>
<script>
var list = document.getElementById("list").lastChild.innerHTML;
document.getElementById("first").innerHTML = list;
</script>
</body>
</html> 출력
Tesla Spacex Solarcity Solarcity