Manipular tag link com JavaScript e modificar atributo href

[phpMozelli]

Estou com um problema.

Como faço para alterar com javascript a url da tag <link href='style.css'>

O objetivo é alterar o layout da página clicando em um determinado link. Tenho um script que recebe o valor de uma variável pelo método get, agora só falta enviar a string com a url para a tag.

como faço isso?

[Jonathan Queiroz]

Você quer criar a tag dinamicamente ou mudar o link ?

Se for pra alterar tente assim:

document.getElementById("aaa").href="arquivo.css"

E o HTML ficaria assim:

<link rel="stylesheet" type="text/css" href="arquivo_padrao_se_a_pessoa_nao_tiver_javascript.css" id="aaa" />

Mas não recomendo que faça com JavaScript por questão de acessibilidade. Se o navegador não tiver suporte a JS não poderá ver o link ?

Como vocêê disse que o link será passado via GET a melhor forma é utilizar linguagem server-side para gerar o código da página de acordo com o parâmetro.

[Danilo Moraes]

Poderia fazer uma mesclagem das 2 tecnologias: client-side e server-side...

De inicio, deicha padrão o link que mudara o href da tag link chamando um arquivo (talvez php) que mudara o estilo da pagina e deicha uma funcao em javascript no onload da pagina, mudando o atributo href do link que muda o estilo da pagina, para a funcao javascript que faz isso. Algo assim:

<script type="text/javascript">
<!--
function muda_estilo() {
  var link_que_muda_estilo = document.getElementById("linkA");
  link_que_muda_estilo.setAttribute("href","java script: funcaoQueTrocaraOHrefDaTagLink()");
}
window.onload = muda_estilo;
-->
</script>

Isso funciona basicamente como uma "validacao" de javascript. As tags de comentario html dentro da tag script, "tirarao" o javascript da pagina se o browser não aceitar javascript. A funcao pode parecer um pouco confusa, mas basicamente você tem que substituir o: funcaoQueTrocaraOHrefDaTagLink() para a funcao javascript que trocaria o estilo da sua pagina. E o link que trocaria o estilo da sua pagina, você deve deichar ele apontar para uma pagina no servidor que faria isso. Com isso você tem uma pagina segura para qualquer browser ;P

T+