135 votes

Définition de la largeur et de la hauteur des DIV en JavaScript

Tengo un div con id="div_register" . Je veux définir son width dynamiquement en JavaScript.

J'utilise le code suivant :

getElementById('div_register').style.width=500;

mais cette ligne de code ne fonctionne pas.

J'ai également essayé d'utiliser les unités px comme les suivantes, toujours pas de chance :

getElementById('div_register').style.width='500px';

y

getElementById('div_register').style.width='500';

y

getElementById('div_register').style.width=500px;

mais aucun de ces codes ne fonctionne pour moi.

Je ne sais pas ce qui ne va pas.

J'utilise Mozilla Firefox.

EDIT

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

0voto

Andy B Points 196

Faites attention à span !

myspan.styles.width='100px' ne veut pas travailler.

Changez le span à un div .

-2voto

MD SHAYON Points 93

Vous devez utiliser document . L'interface Document représente toute page Web chargée dans le navigateur et sert de point d'entrée dans le contenu de la page Web,

en savoir plus

document.getElementById('div_register').style.width='500px';

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X