JStudioMesanino

DOM DOM ou (Document Object Model), é uma API multiplataforma que permite o acesso aos elementos que fazem parte da página utilizando o JavaScript.  Lembrando da estrutura da pagina html, nos temos as tags que geram os hipertextos, que encapsulam outras tags filhas e os textos,imagens...etc. Toda essa estrutura pode se imaginar como uma arvore onde ela é renderizada pela navegador e mostrada na tela, os elementos dessa arvore são chamados de nos ou NODE(inglês) ,segue ilustração da arvore. Sempre seguindo uma herarquia nota que a estrutura é simples para leitura de onde esta os elementos dentro da arvore  HTML. Com o Dom podemos fazer alteração diretamente ao elemento através de um evento, alterar uma cor,  esconder ou exibir uma tabela , acionar um evento com mouse sobre uma imagem e alterar brilho da imagem, tem muitas aplicações dinamicas possiveis. Para que isso funcione precisamos manipular os elementos (Node) no HTML,  como visto acima nessa arvor...

Eventos Os eventos são ações realizadas pelo usuário que são capturadas dentro do navegador, no JavaScript podemos captura-las como por exemplo o comportamento do movimento do mouse, um clique de uma tecla do teclado, até mesmo quando o usuário redimensiona a tela do browser, o carregamento da página, esses eventos possibilitam disparar ações. Os eventos trabalham em conjunto com as funções vista no ultimo estudo, caso não tenha se lembre volte no post e leia novamente. Eventos     Eventos do Mouse Os principais eventos de captura do mouse no browser são: ONCLICK - Acionado no clique do mouse. ONDBLCLICK - Acionado no clique duplo do mouse ONMOUSEDOWN - Acionado no clique do mouse(soltando ou não o botão) ONMOUSEOVER - Acionado quando cursor do mouse sobrepõe o elemento da página. ONMOUSEOUT   - Acionado quando o cursor do mouse sai da área de uma elemento da página. Para podermos começar precisamos de um elemento na página, para podemos visua...