Изменение значения переменной стиля с помощью JavaScript ⇐ CSS

[Anonymous]

В конце концов, моя цель - изменить значение переменной стиля с помощью JavaScript. А пока я не могу получить простое предупреждение (...) , чтобы показать что -либо. Итак, я подумал, что начну с этого базового материала и построю оттуда (я представляю это предупредить внизу).
html:

Код: Выделить всё

as sung by an unknown Caroler

css:

Код: Выделить всё

#caroler {
text-align: center;
font-size:  1.70em;
color:      blue;

padding-bottom: 1.0em;
}

/* do the positioning within the Wrapper */
#audioWrapper {
display: block;     /* center ... */
margin:  0 auto;

width:  90%;
}

.aSongControl {
width:  100%;        /* fill the Wrapper */

font-size: 120%;     /* for non-support text ... */
color:     #990099;
}

javascript:

Код: Выделить всё

/* we'll let the css DOM take care of the initial rendering */
window.onresize = function() {
theCaroler = document.getElementById("caroler");
theSong    = document.getElementById("audioWrapper");
alert(theCaroler.style.color);
}

Обратите внимание, что в конечном итоге я хочу динамически изменить верхнюю часть #AudiOWRAPPER , чтобы он двигался вверх и вниз с изменением размера окна. Переместите тег с помощью JavaScript)
Но, в то же время, со всем вышеперечисленным, я не могу получить простое предупреждение (thecaroler.style.color) , чтобы показать что -либо. TheCaroler.Style.Bottom - это потому, что .bottom не указан в CSS. А именно, я прочитал, что такой объект. style.parmName поиск работает только с встроенными стилями, не , импортируемые из листов внешнего стиля , а не из стилей, встроенных в

Подробнее здесь: https://stackoverflow.com/questions/541 ... javascript