document.getElementById() ne fonctionne pas?

Pas grand chose à dire,

<html>
    <body>
        <script>
            var x = document.getElementById('btn1');
            alert(x);
        </script>
            <input type="button" id="btn1" value="Clickme" onclick="alert('1')" />
    </body>
</html>

Le message d'alerte est null au lieu d'un message contiennent les détails de l'objet ou quelque chose comme ça.

Quel est le problème?

OriginalL'auteur Billie | 2013-12-07

html javascript

Mettre votre script APRÈS les éléments réels, sinon par le temps de votre code javascript s'exécute, il n'y a pas encore d'un tel élément dans le DOM.

<html>
    <body>
        <input type="button" id="btn1" value="Clickme" onclick="alert('1')" />
        <script>
            var x = document.getElementById('btn1');
            alert(x);
        </script>
    </body>
</html>

Bien mettre votre script dans un DOM prêt de l'événement pour s'assurer que le DOM est entièrement chargé par le navigateur avant de tenter de la manipuler:

<html>
    <body>
        <script>
            window.onload = function() {
                var x = document.getElementById('btn1');
                alert(x);
            };
        </script>
        <input type="button" id="btn1" value="Clickme" onclick="alert('1')" />
    </body>
</html>

Merci beaucoup!
Vous êtes les bienvenus. Aucune raison pour que l'downvote?
J'ai upvoted, je ne sais pas qui ont downvoted.
Pourquoi quelqu'un downvote??c'est une solution claire..
downvote pour cette belle solution?? pourquoi??

OriginalL'auteur Darin Dimitrov

Vous avez besoin pour exécuter le javascript après le code html s en lecture/rendu...

Essayez plutôt ceci:

<html>
    <body>
        <input type="button" id="btn1" value="Clickme" onclick="alert('1')" />
        <script>
            var x = document.getElementById('btn1');
            alert(x);
        </script>
    </body>
</html>

Ou vous pouvez ajouter une fenêtre de la fonction de charge de sorte que le script ne s'exécute une fois la page chargée. Comme:

<html>
    <body>
        <script>
            window.onload = function(){
                var x = document.getElementById('btn1');
                alert(x);
            }
        </script>
            <input type="button" id="btn1" value="Clickme" onclick="alert('1')" />
    </body>
</html>

Et vous, vous Darin la même personne? 😉
haha 🙂 nan, mais nous ne pensons la même chose ici... il a répondu 1 seconde avant moi 🙂
Et vous tous les deux la même plus à peu près à la même époque, donc je suppose que vous avez tous deux mérite quelques upvotes.
ouais, c'était amusant en fait. J'ai édité ma réponse et qu'il avait fait la dame modifier (1 seconde avant moi, encore...)

OriginalL'auteur Sergio

Son parce que vous essayez d'accéder à la bouton de l'information avant sa créé dans le dom du document.Donner le script à la fin du corps comme ci-dessous

<html>
    <body>
        <input type="button" id="btn1" value="Clickme" onclick="alert('1')" />
        <script>
            var x = document.getElementById('btn1');
            alert(x);
        </script>
    </body>
</html>

DÉMO

OriginalL'auteur Kawinesh SK

0

Des codes Javascript exécuté à partir du haut vers le bas. Dans la ligne de alert(x), il n'y a pas de input#btn1 encore.
Vous pouvez utiliser:
```
window.onload = function() {
    var x = document.getElementById('btn1');
    alert(x);
}
```
OriginalL'auteur Mohammad Javad Naderi

Lorsque le script est exécuté en premier il n'y a pas d'élément avec l'id #btn1 chargé dans le dom. Afin d'exécuter le script après l'élément est chargé.

Comme ceci,

    <input type="button" id="btn1" value="Clickme" onclick="alert('1')" />
    <script>
        var x = document.getElementById('btn1');
        alert(x);
    </script>
</body>

OriginalL'auteur Prasanth K C

<script type="text/javascript">
     function call()
     {
        var x = document.getElementById('btn1').value.trim();//or use "=<%btn1.ClientID%>"
        alert(x);
     }
      </script>

mettre cette fonction onClientClick événement de votre bouton.

OriginalL'auteur The Dictator

window.addEventListener('DOMContentReady',function(){
    var x = document.getElementById('btn1');
    alert(x);
};

À l'aide de 'DOMContentReady' événement est mieux que de la fenêtre.onload' si votre navigateur soutien.

OriginalL'auteur yoyo

Vous devez vous connecter pour publier un commentaire.