DOM E SHADOW DOM

DOM (Document Object Model), Modelo de Objecto de Documento. Resumindo, digo que é uma representação do documento de uma árvore, de uma interface de programação para documentos HTML, XML... frequentemente acessada usando JavaScript. O real objectivo ele lhe permitir fazer alteração da estrututra do documento, estilo e o conteudo do mesmo, poderia ser apenas isso, mas ela dá-te uma visão maior sobre como está contituido o seu documento.

O que é Shadow DOM?

Shadow DOM é uma ferramenta usada para construir aplicativos e sites baseados em componentes. Shadow DOM vem em pequenos pedaços e não representa todo o Document Object Model. Podemos vê-lo como uma subárvore ou como um DOM separado para um elemento. Shadow DOM pode ser representado como tijolos a partir dos quais o DOM é criado.

DIFERENÇA ENTRE ELES

A principal diferença entre DOM e Shadow DOM é como ele é criado e como se comporta. Normalmente os nós DOM que criamos são colocados dentro de outros elementos, como na árvore que vimos antes. No caso do Shadow DOM, criamos uma árvore com escopo, que está conectada ao elemento, mas separada dos elementos filhos. É chamada de árvore de sombra e o elemento ao qual está anexado é chamado de host de sombra.

#by Nvuala Carvalho

#tecnology#js#dom