Переинициализировать содержимое элемента
 

Доброе время суток господа разработчики, подскажите как решить проблему: необходимо переинициализировать содержимое элемента.

<li class="last "><a href="#" onclick="return showCategory('design');" class="  eldesign">THE LAST WORKS</a></li>

setTimeout(function () {
    document.getElementsByClassName("  eldesign").innerHTML ="Texture catalog";
}, 1000)

Консоль подло молчит, а содержимое линка не переименовывается, даже если выставлять делей...

Что я делаю не так?

document.getElementsByClassName(" eldesign").innerHTML ="Texture catalog";

document.getElementsByClassName("eldesign")[0].text = "Texture catalog"; - ибо это коллекция, в которой один элемент с индексом 0.

Пробелы то зачем перед именем класса, от них никакого прока.

Спасибо мил. человек - это работает.

Теперь механика более ясна, ну пробелы я накидал от незнания, т.к. уже не знал как заставить работать функцию замены...

Ну а так, эти пробелы и клас генерирует фреймворк, причем очень криво, к сожалению чтобы дополнить объект, в моем случае надо иметь доступ к командной строке фреймворка, а лучше прямо к мастеру к системе контроля версии, но до предыдущего разработчика не достучаться, а тут форс мажер, так что проишлось костылять на лево и право...
А что касается js'a так я вообще его не знаю, в любом случае спасибо и доброго дня :)