Dunk: height von <tr> per DOM ändern funktioniert nur im IE

Beitrag lesen

SELF-Forum

height von <tr> per DOM ändern funktioniert nur im IE

Dunk
– Informationen zu den Bewertungsregeln

Holla,

ich möchte über einen einfachen Button die Höhe einer Tabellenzeile ändern.
Das ganze sieht in der simpelsten Form so aus:

<html>  
    <head>  
        <script type="text/javascript">  
            function changeSize()  
                {  
                if(document.getElementById("row1").height == "200")  
                    {  
                    document.getElementById("row1").height = "500";  
                    }  
                else  
                    {  
                    document.getElementById("row1").height = "200";  
                    }  
                }  
        </script>  
    </head>  
    <body>  
        <table border="1">  
            <tr id="row1" height="200px">  
                <td>  
                    ---  
                </td>  
            </tr>  
            <tr>  
                <td>  
                    <input type="button" onclick="changeSize()" value="aendern" />  
                </td>  
            </tr>  
        </table>  
    </body>  
</html>

Dieses Beispiel funktioniert im IE wie erwartet. Im Firefox und in Chrome passiert jedoch nichts.

Was zur Hölle mache ich falsch? Ich bin ratlos und für jeden Hinweis dankbar.

Beitrag melden
–
Informationen zu den Bewertungsregeln