순회합니다. 어렵게 들리지만, 쉽게 말해 다음 가지로 넘어가기 전에 이 가지를 다 순회한다는
뜻입니다. 브라우저에서 웹 페이지를 불러온 상태에서 이 함수를 실행하면 전체 페이지 구조가
콘솔에 출력됩니다.
연습 삼아 순회 함수를 만들어 봤지만,
HTML
을 조작하려 할 때마다 이런 함수를 써서
DOM
을 이동해야 한다면 너무 지루하고 비효율적일 겁니다. 다행히
DOM
에는 원하는
HTML
요소
를 바로 찾는 메서드가 있습니다.
TIP
연습 삼아 순회 함수를 직접 만들어 보는 것도 좋겠지만,
DOM
API
에서 제공하는
TreeWalker
객체를 활
용하는 것이 좋습니다. 이 객체를 사용해
DOM
요소 전체를 순회할 수 있고, 원하는 타입의 요소만 필터링할
수도 있습니다. 더 자세한 내용은
document
.
createTreeWalker
에 관한
MDN
문서를 보십시오.
https
://
developer
.
mozilla
.
org
/
en
-
US
/
docs
/
Web
/
API
/
Document
/
createTreeWalker
18.3
용어 사용
트리는 단순하고 직관적인 개념이며, 용어 역시 직관적입니다. 부모 노드는
직접적인
부모입니 ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month, and much more.
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.