Comments on: Javascript: Carregar estilos dinamicamente (CSS)

By: Leo Cavalcante

Leo Cavalcante — Sun, 15 Aug 2010 17:26:40 +0000

Ao invés de criar uma nova tag pra cada vez que o CSS for alterado, você pode dar um id pra tag, ex.: css, resgatar com getElementById e só mudar o atributo href:

document.getElementById(“css”).href = “b.css”;

By: Kaléu Caminha

Kaléu Caminha — Tue, 03 Mar 2009 15:46:04 +0000

Olá, me deparei com o seguinte problema, se logo após carregar o arquivo de uma classe eu tentar iniciá-la ocorre um erro pois o documento não foi completamente carregado.

Como vocês resolveram isso?

By: marco souza

marco souza — Sat, 19 Jul 2008 19:48:48 +0000

Coloquei um chamada de estilo em mais de um botao
no ie 6 quando tento mudar a folha de stilo novamente funciona em apenas uma parte do codigo

By: CoiSA

CoiSA — Sat, 10 May 2008 19:18:52 +0000

Eu já havia criado um script equivalente para o jQuery uma vez que necessitei incluir CSS e Scripts Javascript. Na época se não me engano testei até no safari e rolou legal (teoricamente não há motivos para não funcionar em qualquer navegador, pois é basicamente tudo DOM).

Em jQuery ficaria assim:

function loadCSS(url)
{
$(document).ready(function()
var lnk = $(“);
$(“html head”).append(lnk);
});
}

O $(document).ready() serve para caso a função seja chamada no corpo do site (antes do fechamento da tag head por exemplo) ele espera o site terminar de carregar para inserir a tag link, sem causar falhas por não carregar alguma tag importante para o script que você esteja escrevendo. Você pode elaborar o script para que ele gere outras media, dependo do parâmetro, ou fazer com que ele gere tags link para javascript, etc. A alteração é bastante simples, e creio que de fácil entendimento.