Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Básico sobre document.getElementsByTagName

17-05-2007 07:00

Aqui vou explicar o básico de como se obter dados do documento usando o document.getElementsByTagName.

Vou colocar abaixo, uma página que vai servir de exemplo:
<html> <head> <title>meu título</title> </head> <body> meu texto aqui <a href="teste.html">link para teste.html</a> <iframe src="teste.html"></iframe> </body> </html>

Vou criar uma função para obter o título do documento:
<script> function mostra() { [color=green]// pego a tag title, posição 0 (primeira tag), insiro no alert[/color] alert(document.getElementsByTagName("title")[0].innerHTML) } </script>


<a href="javascript:mostra()">click</a>

Com o código acima já insiro o conteúdo do title no alert.

Abaixo, segue algumas linhas ( do alert ) para pegar outros valores, com base no exemplo acima.

OBTER TUDO DO TAG BODY
alert(document.body.innerHTML)

OBTER O HREF DO PRIMEIRO LINK
alert(document.getElementsByTagName("a")[0].href)

OBTER O TEXTO DO PRIMEIRO LINK
alert(document.getElementsByTagName("a")[0].innerHTML)

OBTER O SRC DO IFRAME
alert(document.getElementsByTagName("iframe")[0].src)

Você também pode obter valores de input, etc...

Outro exemplo é obter valores de uma tabela, por exemplo, essa:
<table id="tabela"> <tr> <td>aa</td> </tr> </table>

Note que a tabela tem uma linha ( rows[0] ) e uma coluna ( cells[0] )

Com base nisso, obtenho o valor ( aa ) da coluna acima com a seguinte linha:
alert(document.getElementById("tabela").rows[0].cells[0].innerHTML)

Obs.: Ao invés de usar o alert() para mostrar os dados, pode-se inserí-los diretamente em outra div, ex.:

document.getElementById("minhadiv").innerHTML = document.getElementById("tabela").rows[0].cells[0].innerHTML;

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado