не работает на сайте JS

[erange]

Здравствуйте!

на этой странице есть красный квадрат. при клике он становится синим

скрипт не установленный на сайт работает везде, а установленный не работает в fairfox

фаирбаг пишет "BB is not defined" где ВВ айди дива

http://ht-comp.ru/descr.aspx?code=195106

второй день не могу понять причину

ща все выглядит так:

<div id="BB" style="width:100px; height:100px; background:red" onClick="DD();">test</div>

<script type="text/javascript"><function DD{BB.style.background=('blue')}</script>

может его как то иначе написать? пробовал с

getElemenById - тоже самое

Edited June 8, 2011 by erange

[klierik]

<script type="text/javascript">
function LP(){
document.getElementById("BB").style.backgroundColor = '#00FF00';
}
</script>

[erange]

спасибо те огромное!!!!

[erange]

подскажите еще пожалуйста

мне нужно изменить несколько параметров у этого дива. как это лучше написать

то как представляя будущих код. он мне кажется очень громоздким

[klierik]

тут расказано:

http://vvz.nw.ru/Lessons/JavaScript/style.htm

Да, это громоздко.

Но можно ваынести ID в переменную:

var BB = document.getElementById("BB");

BB.style.backgroundColor = '#00FF00';
BB.style.display = 'block';

[erange]

пасиб! )

Edited June 8, 2011 by erange

[Great Rash]

Лучше уж так:

var BB = document.getElementById("BB");
BB.style.cssText = 'background: #00FF00; display: block;';

[Int]

setAttribute('style','...') сделает то же самое.