Um Guia Rápido para Desenvolvedores. A Guerra dos Browsers Acabou Se você aprendeu (ou tentou aprender) DHTML há algum tempo, na época da guerra entre Netscape 4 e Internet Explorer 4, tem boas razões para ter calafrios quando ouve falar no assunto. Era o início do DHTML, Microsoft e Netscape tinham criado sua própria versão do modelo de objetos para documentos HTML, o DOM, tornando um inferno a vida do desenvolvedor que pretendia desenvolver um script que funcionasse em ambos os navegadores. Naquele tempo triste era muito comum que um script construído para um navegador dobrasse de tamanho ao ser adaptado para funcionar em ambos. E as documentações ganhavam volume com uma infinidade de linhas com "Tratamento de evento para o Internet Explorer" ou "Obtendo o Objeto para o Netscape".
É claro, isso tinha que ter um fim. E teve. Talvez você esteja pensando: "não, a Guerra dos Browsers não terminou. Já em relação ao DOM, é preciso entender algo importante. O Que Você Precisa Saber Lembrete: DOM significa Document Object Model. Ou. Um Guia Rápido para Desenvolvedores. A Guerra dos Browsers Acabou Se você aprendeu (ou tentou aprender) DHTML há algum tempo, na época da guerra entre Netscape 4 e Internet Explorer 4, tem boas razões para ter calafrios quando ouve falar no assunto.
Era o início do DHTML, Microsoft e Netscape tinham criado sua própria versão do modelo de objetos para documentos HTML, o DOM, tornando um inferno a vida do desenvolvedor que pretendia desenvolver um script que funcionasse em ambos os navegadores. Naquele tempo triste era muito comum que um script construído para um navegador dobrasse de tamanho ao ser adaptado para funcionar em ambos. E as documentações ganhavam volume com uma infinidade de linhas com "Tratamento de evento para o Internet Explorer" ou "Obtendo o Objeto para o Netscape".
É claro, isso tinha que ter um fim. E teve. Talvez você esteja pensando: "não, a Guerra dos Browsers não terminou. Já em relação ao DOM, é preciso entender algo importante. O Que Você Precisa Saber Lembrete: DOM significa Document Object Model. Ou. DOM nodes and tree. The DOM tree The following text is a snippet of HTML taken from a regular HTML document.
<p title="The test paragraph">This is a sample of some <b>HTML you might<br>have</b> in your document</p> In your browser, this renders as this (hold your mouse over the paragraph to see the title - most browsers display it as a tooltip, some display it in the status bar): This is a sample of some HTML you mighthave in your document Click here to move the paragraph back here. The DOM tree views this (simplified) as follows: P _______________|______________ | | childNodes attributes ______________|___________ | | | | title = 'The test paragraph' 'This is a sample of some ' B ' in your document' | childNodes __________|_______ | | | 'HTML you might' BR 'have' Of course, the tree also extends above the 'P' from , through the HTML element, down through the body element, then through any other container elements to the paragraph.
The parts of the DOM tree are known as nodes. Referencing the element nodes if(!