javascript getElementById klasse eines bildes ändern

  • HTML-Datei:
    -----------------------------
    Ich möchte per id die klasse eines bildes änder .... als auslöser soll ein anderes bild dienen per onclick


    Mein ansatz:


    <head>
    img.bildsehen {
    z-index:3;
    position:absolute;
    top:205;
    left:225;
    width:512;
    height:365;
    }
    img.bildversteckt {
    z-index:3;
    position:absolute;
    top:1;
    left:1;
    width:0;
    height:0;
    }
    <script type="text/javascript">
    function change(id,klasse) {
    image.getElementById(id).classname = klasse;
    }
    </script>
    </head>
    <body>
    <img id="O01B00"
    class="bild00"
    src="01/00.jpg"
    onclick="change(sehenO01B00.id,'bildversteckt')"
    >
    <img
    id="sehenO01B00"
    class="bildversteckt"
    src="01/00.jpg"
    >



    </body>

  • Hab so viel rumprobiert das ich den überblick verlohren habe hier die aktuelle version:
    <head>
    <style blabla>


    img.bildversteckt {
    z-index:3;
    position:absolute;
    top:1;
    left:1;
    width:0;
    height:0;
    }
    img.bildsehen {
    z-index:3;
    position:absolute;
    top:205;
    left:225;
    width:512;
    height:365;
    }
    </style>
    <script type="text/javascript">
    function change(id,klasse) {
    document.getElementById(id).className = klasse;
    }
    </script>
    </head>
    <body>
    <img id="O01B00"
    class="bild00"
    src="01/00.jpg"
    onclick="change(sehenO01B00.id,'bildversteckt')"
    >
    <img
    id="sehenO01B00"
    class="bildsehen"
    src="01/00.jpg"
    >
    </body>



    ps.: nein funktioniert auch nicht


    - - - Aktualisiert - - -


    hab das gleiche bei einem bereich ---> <div> gemacht dort functioniert das könnte mir vorstellen das der java bereich geändert werden muss kenne mich aber nicht mit java aus :-(