JavaScript Mini-curso de introdução a JavaScript Promoção: PET-SI Slides em :

Apresentação em tema: "JavaScript Mini-curso de introdução a JavaScript Promoção: PET-SI Slides em :"— Transcrição da apresentação:

1 JavaScript Mini-curso de introdução a JavaScript Promoção: PET-SI Slides em : http://www-pet-si.inf.ufsm.br/cursojavascript2011/JavaScript_Aula03.ppthttp://www-pet-si.inf.ufsm.br/cursojavascript2011/JavaScript_Aula03.ppt Ministrantes: Rodrigo Comassetto da Silva Rodrigo Castro Gil Leonardo Nicorena

2 Aula 03 – Estrutura DOM Estrutura HTML titulo function alerta(a) alert(a); texto

3 Aula 03 – Estrutura DOM Estrutura HTML html head body title script div function alerta(a) alert(a);titulotexto

4 Aula 03 – Estrutura DOM title html head body script div function alerta(a) alert(a);titulotexto childNodes firstChild lastChild parentNode childNodes firstChildlastChild

5 Aula 03 – Estrutura DOM document window title html head body script div function alerta(a) alert(a); titulotexto childNodes firstChild lastChild parentNode childNodes

6 Aula 03 – Estrutura DOM AtributoDescrição hasChildNodes retorna true se o elemento possui filhos firstChild retorna uma referência ao primeiro elemento filho lastChild retorna uma referência ao último elemento filho nextSibling retorna uma referência ao irmão posterior ao elemento previousSibling retorna uma referência ao irmão anterior ao elemento nodeName retorna o nome da TAG do elemento(apenas para elementos nó) nodeValue retorna o valor do elemento(apenas para elementos texto) nodeType retorna o tipo do elemento parentNode retorna uma referência ao elemento pai

7 Aula 03 – Estrutura DOM a sintaxe window. é normalmente suprimida pois lidamos normalmente direto com o document. document.body.innerHTML = “ inner html ”; Document.form1.input2.value = “valor”; Document.nomeform.nomeinput.css.border = “1px solid #888”; Document.getElementById(“id”).parentNode.firstChild.name

8 Aula 03 – Estrutura DOM Referência https://developer.mozilla.org/en/XUL_Reference