Ustawianie szerokości i wysokości DIV w JavaScript

Question

Apr 12, 2012, 08:02 AM

Ustawianie szerokości i wysokości DIV w JavaScript

mamdiv zid="div_register". Chcę to ustawićwidth dynamicznie w JavaScript.

Używam następującego kodu:

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

ale ta linia kodu nie działa.

Próbowałem też użyć jednostekpx jak poniżej, nadal nie ma szczęścia:

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

i

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

i

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

ale żaden z tych kodów nie działa dla mnie.

Nie wiem, co się dzieje źle.

Używam Mozilla Firefox.

EDYTOWAĆ

<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>