Einstellen der Breite und Höhe von Divs in JavaScript

Question

Apr 12, 2012, 08:02 AM

Einstellen der Breite und Höhe von Divs in JavaScript

Ich habe eindiv mitid="div_register". Ich möchte seine einstellenwidth dynamisch in JavaScript.

Ich benutze diesen folgenden Code:

<code>getElementById('div_register').style.width=500;
</code>

aber diese Codezeile funktioniert nicht.

Ich habe auch versucht, die Einheiten zu verwendenpx wie folgt noch kein glück:

<code>getElementById('div_register').style.width='500px';
</code>

und

<code>getElementById('div_register').style.width='500';
</code>

und

<code>getElementById('div_register').style.width=500px;
</code>

Aber keiner dieser Codes funktioniert für mich.

Ich weiß nicht, was los ist.

Ich benutze Mozilla Firefox.

BEARBEITEN

<code><html>
    <head>
        <title>Untitled</title>
        <script>
            function show_update_profile() {
                document.getElementById('black_fade').style.display='block';
                //document.getElementById.('div_register').style.left=((window.innerWidth)-500)/20;
                document.getElementById('div_register').style.height= "500px";
                document.getElementById('div_register').style.width= '500px';
                //alert('kutta');
                  document.getElementById('div_register').style.display='block';
                document.getElementById('register_flag').value= 1;
                document.getElementById('physical_flag').value= 0;
                document.getElementById('cultural_flag').value= 0;
                document.getElementById('professional_flag').value= 0;
                document.getElementById('lifestyle_flag').value= 0;
                document.getElementById('hobby_flag').value= 0;
                //alert(window.innerWidth);
            }
        </script>
        <style>
            .white_content {
                display:none;
            }
        </style>
    </head>
    <body>
        <div id="main">
            <input type="button" onclick="javascript:show_update_profile();" id="show" name="show" value="show"/>
        </div>
        <div id="div_register">
            <table cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td>
                      welcome 
                    </td>
                </tr>
            </table>
        </div>
    </body>
</html>
</code>