Изменение класса в <div>

[innowed]

допустим, есть следующий css

.but4  {
 opacity:0;
 visibility:hidden;
 }
 .but5  {
 opacity:0;
 visibility:visible;
 }

есть кнопка

<div class="but4">
<a href="file:///Z:/home/test1.ru/www/hidden.html" onclick='alert()' class="button9">fffff</a>
</div>

Т.е. изначально она невидима и прозрачна, а по вызову функции она меняет css и должна стать видимой и прозрачной (мсье знает толк в извращениях)
Предполагал, что такая функция сделает то, что хочу, но я ошибался. В чём тут проблема?

function kodimg()
{alert();
 document.getElementById(but4).className = 'but5';
}

[tsigel]

<style>
.but4  {
 opacity:0;
 visibility:hidden;
 }
 .but5  {
 opacity:0.5;
 visibility:visible;
 }
</style>
<script>
function kodimg() {
 document.querySelector(".but4").className = 'but5';
}
</script>
<div class="but4">
<a href="#" onclick='return false;' class="button9">fffff</a>
</div>
<div onclick="kodimg();">Показать!</div>

1) Вы пишите getElementById, но у элемента это класс а не id
2) getElementById("but4")
3) У вас в обоих стилях ссылка ПОЛНОСТЬЮ прозрачна (т е невидима)

[рони]

getElementById(but4).

div class="but4">

вы уж определитесь?

[innowed]

<style>
.but4  {
 opacity:0;
 visibility:hidden;
 }
 .but5  {
 opacity:0.5;
 visibility:visible;
 }
</style>
<script>
function kodimg() {
 document.querySelector(".but4").className = 'but5';
}
</script>
<div class="but4">
<a href="#" onclick='return false;' class="button9">fffff</a>
</div>
<div onclick="kodimg();">Показать!</div>

Спасибо, как же эти id с классами иногда путают) Прозрачность так и задумана, типо пасхалка)

вы уж определитесь?

да)