Алгоритмы (анимации)Работает в браузереПроверено: 1 октября 2026 г.

DOM Traversal: Breadth-First Search: визуализация

DOM Traversal: Breadth-First Search: визуализация. Анимированные алгоритмы для фронтенда: сортировка, поиск, debounce и throttle, event loop, виртуальный DOM, кеш, trie и поиск пути. Быстро, приватно и удобно прямо в браузере.

Локальноприватно по умолчаниюБыстробез регистрации

Элементы управления инструмента ниже пока на английском языке.

Browser and DOMTime: O(n)Space: O(w) for the widest level w

Find the first element named

html

head

title

body

header

nav

main

section

button

footer

Queue (next up on the left)

html

Visit order

empty

Step 1 / 28

Breadth-first search visits the tree level by level using a queue, looking for <button>.

JavaScript

1function bfs(root, target, visit) {
2  const queue = [root];
3  while (queue.length) {
4    const node = queue.shift();
5    visit(node);
6    if (node.tag === target) return node;
7    queue.push(...node.children);
8  }
9  return null;
10}

Tip: use the arrow keys to step and the space bar to play or pause.

Loading animation...