<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) У вас в обоих стилях ссылка ПОЛНОСТЬЮ прозрачна (т е невидима)