O que é DOM e BOM em JavaScript?

Respostas:

147

O BOM (Object navegador Model) consiste nos objetos navigator, history, screen, locatione documentque são filhos de window. No documentnó está o DOM (Document Object Model), o modelo de objeto do documento, que representa o conteúdo da página. Você pode manipulá-lo usando javascript.

thejh
fonte
1
> No documentnó está o DOM. Acho que a melhor maneira de descrevê-lo é: "o nó está na árvore DOM" ou "o nó é a menor unidade na árvore DOM" ou "os nós compõem a árvore DOM". Pensamentos?
stevemao,
a resposta original parece perfeita para mim
divino
46
  • DOM - Document Object Model
  • BOM - Modelo de Objeto de Navegador

Este artigo explica a relação entre Javascript, DOM e BOM.

deciclone
fonte
38

Eles são apenas objetos diferentes com os quais você está lidando:

  • O DOM é o Document Object Model, que lida com o documento, os próprios elementos HTML, por exemplo, documente todas as travessias que você faria nele, eventos, etc.
  • O BOM é o navegador Object Model, que lida com componentes do navegador Além do documento, como history, location, navigatore screen(bem como alguns outros que variam de navegador).
Nick Craver
fonte
6

DOM significa modelo de objeto de documento .. quando a página da web é carregada, o navegador cria um modelo de objeto de documento para a página .. Todos os objetos são organizados como uma estrutura de árvore ...

BOM significa Browser Object Model.objeto de janela é suportado por todos os navegadores, ele representa o navegador de janela .. Todos os objetos JavaScript globais, funções e variáveis ​​tornam-se automaticamente membros do objeto de janela.

Revathi Bala
fonte
4

DOM: o objeto de documento representa todo o documento html. Quando o documento html é carregado no navegador, ele se torna um objeto de documento.

BOM: O objeto janela representa uma janela no navegador. Um objeto de janela é criado automaticamente pelo navegador.

Chaithanya
fonte
3

BOM significa Browser Object Model. Esses são objetos que você pode usar para manipular o navegador. eles são navegadores

  • navegador
  • tela
  • localização
  • história
  • documento

eles são todos filhos do objeto Window. DOM é o Document Object Model que faz parte do BOM e ajuda a manipular o conteúdo do arquivo de página carregado. isso inclui o HTML e CSS

Bamidele Alegbe
fonte
3

DOM -> Document Object Model em JavaScript é a API para acessar os elementos dentro do documento. Ele mapeia todo o documento em uma hierarquia de árvore pai e filho. Cada nó pode conter um número de elemento filho ou pode herdar outro elemento pai de uma ou outra maneira.

BOM -> O Modelo de Objeto do Navegador é uma representação maior de tudo fornecido pelo navegador, incluindo o documento atual, localização, histórico, quadros e qualquer outra funcionalidade que o navegador possa expor ao JavaScript. O modelo de objeto do navegador não é padronizado e pode mudar com base em navegadores diferentes.

Sai Krishna
fonte