Getelementbytagname

[Amin]

Opa, eaaew galera =D

Minha dúvida é a seguinte:

- Posso usar getElementByTagName numa função pra aumentar e diminuir a fonte de por exemplo, "p" e "h4"?

Se alguém souber, me ajuda por favor ^^

[Amin]

A questão agora é outra:

- Preciso de uma função que percorra um determinado ID que eu escolher, e nele, achar determinadas tags(também as que eu determinar), e com isso, aumentar ou diminuir a fonte!

Omg... preciso muito disso =~~

[Gutto]

<script>
function moveTag(){
obj = document.getElementById('myDiv').getElementsByTagName('p');
}
</script>

http://lib.seven.com.br/ampliar.asp?codartigo=520

[John Doe]

Só para acrescentar: não confunda getElementsByTagName() com getElementById()!

O primeiro é um array contendo propriedades de vários elementos e o segundo é um array contendo propriedades de um só elemento!

Por ex.:

var links = document.getElementsByTagName('a')

A variável links contém agora todos os elementos 'a' de document. Você "acessa" as propriedades de um elemento específico assim:

var links = document.getElementsByTagName('a');

links[0].className = 'classe';

Modifiquei através do código acima a propriedade "className" de links[0].

Ah, sim: o índice do array (no caso o 0 [zero] do exemplo acima) é correspondente à ordem dos elementos, começando do zero. Poderia ser links[1], links[2], etc, dependendo da quantidade dos elementos no documento e da ordem.

O getElementById() é diferente. Observe:

var meuDiv = document.getElementById('idx');

Agora você "acessa" as propriedades específicas do elemento em questão. Por ex.:

var meuDiv = document.getElementById('idx');

alert(meuDiv.innerHTML);

No caso você vai exibir um alerta com o conteúdo interno do div.

O script que o amigo acima postou representa o seguinte:

Você tem um div com id "y", e quer mudar alguma propriedade dos links (ou de um link) dentro dele. Aí você utiliza primeiro o getElementById() para acessar o div e depois o getElementsByTagName() para usar os links de dentro do div.

Por ex.:

var meuDiv = document.getElementById('y');

var links_div = meuDiv.getElementsByTagName('a');

Agora você tem em links_div um array com todos as tags "a" dentro do div Y. Para acessá-las, faça como eu disse anteriormente. Ex.:

links_div[1].style.weight = 'bold'; /*segundo link*/

Abraço.