setar tag em variavel via atributo

[Bergs 53]

estou precisando criar essa variável pegando a tag <a> por algum atributo, pois vou utilizá-la várias vezes no mesmo documento e da forma que está o código ficará muito grande e corre o risco de conflitar com outros links da página por está pegando pela array bt_[0].... bt_[n], gostaria de pegar de outra forma, já tentei pelo getElementsByClassName que seria o mais viável, porém não tem suporte no IE.

 

alguma dica pessoal? desde já obrigado.

 

			var bt_ = document.getElementsByTagName("a");
			if (bt_) {
				bt_[0].onclick = function(){
					var txt = document.getElementById("texto");
					txt.style.fontSize = "35pt";
				}
			}

[51L3N7 1]

É só você atribuir uma id a tag <a> e pegar a tag por essa id, usando o document.getElementById( 'id' ).

[Bergs 53]

mas getElementById("id") só deve ser usado em uma tag, vou usar o mesmo código várias vezes na página (várias tags), preciso de outro jeito.

 

vou até ter que mudar a parte que puxa por id [var txt = document.getElementById("texto");]

[51L3N7 1]

<script>
function trocarNome(){
	j = document.getElementsByTagName( 'div' )[0].getElementsByTagName( 'a' );
	for ( i = 0; i < j.length; i++ ) {
			j[i].innerHTML = 'testesteste';
	}
}
</script>

<div>
<a href="blabla">blablabla</a>
<a href="blabla">blablabla</a>
<a href="blabla">blablabla</a>
<a href="blabla">blablabla</a>
<a href="blabla">blablabla</a>
<a href="blabla">blablabla</a>
</div>
<a href="javascript:trocarNome()">Exec</a>

[Bergs 53]

vou testar, depois retorno alguma coisa.

[Dii 15]

Eu acho que seja exatamente o que o nosso amigo 51L3N7 disse.

 

Você estará passando pegando os valores utilizando getElementByTagsName() através de um array.

 

Qualquer dúvida, poste ai.

[Bergs 53]

passando pelo getElementByTagsName() por um elemento pai compreendi que limito o escopo da função pegando os elementos que quero, está outra parte do código não está batendo, pois há uma inversão dos propósitos que necessito:

               j = document.getElementsByTagName( 'div' )[0].getElementsByTagName( 'a' );
               for ( i = 0; i < j.length; i++ ) {
                               j[i].innerHTML = 'testesteste';
               }

 

esse laço anteriormente mostrado muda todos os conteúdos dentro da div de uma só vez, sendo apenas um link de gatilho para a ação:

 

<div>
<a href="blabla">blablabla</a>
<a href="blabla">blablabla</a>
<a href="blabla">blablabla</a>
<a href="blabla">blablabla</a>
<a href="blabla">blablabla</a>
<a href="blabla">blablabla</a>
</div>
<a href="javascript:trocarNome()">Exec</a>

 

preciso fazer o contrário, porém com um agrupamento maior: sendo mais links executadores de função, manipulando o tamanho do conteúdo do textarea. exemplo abaixo:

 

<div>
   <textarea> mudar o tamanho desse texto </textarea>
            <a href="#">35pt</a>
     <a href="#">14pt</a>
     <a href="#">18pt</a>
<br/>
   <textarea>  mudar o tamanho desse texto </textarea>
       	<a href="#">35pt</a>
	<a href="#">14pt</a>
	<a href="#">18pt</a>
<br/>
   <textarea> mudar o tamanho desse texto  </textarea>
	<a href="#">35pt</a>
	<a href="#">14pt</a>
	<a href="#">18pt</a>    

</div>

 

sendo cada grupo dividido pelo <br/> executado individualmente, sem que os links do 3º textarea modifiquem também o tamanho do conteúdo do primeiro textarea.

 

depois vejo se posto um código mas estruturado, vou ver aqui se consigo alguma resolução, até mais.

[William Bruno 1501]

você precisa de um atributo q aponte para o textarea, assim por exemplo:

    <textarea id="text1"> mudar o tamanho desse texto </textarea>
            <a href="#text1">35pt</a>
            <a href="#text1">14pt</a>
            <a href="#text1">18pt</a>

 

dessa forma fica fácil fazer oque você quer.