Passar variavel javascript para css

[Wagner Martins - SC 0]

Como posso pegar o valor de uma variável javascript e passar para o css? No meu casa quero definir o tamanho da largura com o css usando o valor da variavel javascript. Estou fazendo assim, mais não tive sucesso.

<script>
     $(document).ready(function(e) {
   showViewportSize();    
});
$(window).resize(function(e) {
   showViewportSize();
});
function showViewportSize() {
   var the_width = $(window).width();
   var the_height = $(window).height();                   
   $('#width').text(the_width);

var myElement = document.querySelector("#logo");
myElement.style.width = text(the_width);



}

    </script>

[William Bruno 1501]

myElement.style.width = the_width;

E aperte Ctrl + Shift + J no Firefox para ver o erro.

[JonathanBergson 0]

Sugiro o seguinte código:

function showViewportSize( elem ) {
	var the_width	= $( window ).width() + "px";
	var the_height	= $( window ).height() + "px";

	$( elem ).css({
		width: the_width,
		height: the_height
	});
}

$( window ).on( "load resize", function() {
	showViewportSize( "#logo" );
});

Te recomendo usar jQuery em todo o código e declarar as funções antes de qualquer chamada.