Objetos HTML

Existem diferentes formas de acessar os objetos referentes às tags HTML definidas na página. Isso pode ser feito através do uso dos vetores presentes como atributos do objeto document ou através dos métodos do objeto document. Independente da forma como o objeto é acessado, após recuperá-lo, é possível acessar seus atributos e invocar seus métodos. Existem diversos atributos e métodos em qualquer objeto HTML, a lista completa pode ser vista em <http://www.w3schools.com/jsref/dom_obj_all.asp>. Acesso em: 19 jan. 2015.

Além disso, também existem métodos e atributos que são específicos de determinados tipos de elementos. De um modo geral, qualquer atributo que for possível ser definido na tag HTML pode ser acessado e alterado através de JavaScript. Nesta aula, iremos mostrar somente alguns exemplos de manipulação desses tipos de objetos. Para saber os atributos e métodos presentes em todos os objetos, consulte <http://www.w3schools.com/jsref/>. Acesso em: 19 jan. 2015.

Link

O exemplo a seguir demonstra como é possível alterar o endereço pra onde o link está apontando:

Neste exemplo, ao invés do usuário ser redirecionado para o Hotmail, como está definido no atributo href do link, ele será enviado para o google. Isso acontece porque o tratamento do evento onclick é executado antes que o navegador redirecione o usuário; mas, como a função que trata o evento onclick altera o endereço, então, o navegador vai redirecionar o usuário para o novo valor do atributo href, ou seja, para o site do google.