переменную js использовать в html

[TomTykver]

Добрый день, вывожу яндекс-карту на страницу. Подгоняю размер карты под размер окна пользователя. Что делаю не так ? Не работает код.

<div id="map"> </div>    

<script language="javascript">
var browserWindow = $(window);
var width = browserWindow.width();
var height = browserWindow.height();

var size = "width:" + width + "px; height:" + height + "px";
document.getElementById('map').style = size;
</script>

[Sigizmund2012]

Так попробуйте:

var browserWindow = $(window);
var width = browserWindow.width();
var height = browserWindow.height();

document.getElementById('map').style.width = width + 'px';
document.getElementById('map').style.height = height + 'px';

[Sigizmund2012]

А вообще, раз уж вы jQuery используете, то лучше так:

var browserWindow = $(window);
var width = browserWindow.width();
var height = browserWindow.height();
$('#map').css({
	'width': width + 'px',
	'height': height + 'px'
});

[TomTykver]

Спасибо Сигизмунд, выручил

[Erolast]

А вообще, раз уж вы jQuery используете, то лучше так:

Тогда уж так:

$("#map")
    .width($(window).width())
    .height($(window).height());

[Chiz]

document.getElementById('map').style = size;

Нужно:

document.getElementById('map').style.cssText = size;

[Erolast]

Необязательно. Можно и строкой:

<style>
#example {
  width: 100px;
  height: 100px;
  background-color: blue;
}
</style>
<div id="example"></div>
<button onclick="document.getElementById('example').style = 'background-color: red;'">Перекрасить в красный</button>
<button onclick="document.getElementById('example').style = 'background-color: blue;'">Перекрасить в синий</button>

[рони]

Можно и строкой:

только для firefox ?

[Erolast]

А, точно, это не по стандарту.

Except in Opera, styles can not be set by assigning a string to the (read only) style property, as in elt.style = "color: blue;". This is because the style attribute returns a CSSStyleDeclaration object.

https://developer.mozilla.org/en-US/...#Setting_style