Algoritmos (animações)Funciona no seu navegadorRevisado em 1 de outubro de 2026

DOM Traversal: Breadth-First Search: animação

DOM Traversal: Breadth-First Search: animação. Algoritmos animados para front-end: ordenação, busca, debounce e throttle, event loop, DOM virtual, caches, trie e busca de caminhos. Rápido, privado e fácil de usar no navegador.

Localprivado por padrãoRápidosem cadastro

Os controles da ferramenta abaixo ainda estão em inglês.

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...