Maison >interface Web >js tutoriel >Comment déterminer si un nœud existe en JavaScript

Comment déterminer si un nœud existe en JavaScript

醉折花枝作酒筹original: 2021-07-20 15:31:103876parcourir

Méthodes : 1. méthode js, "if(document.getElementById('Element Object'))"; 2. méthode jquery, "if($('Element Object').length>0)" et "if($ (« Objet élément »)[0])".

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

J'ai rencontré un problème au travail il y a deux jours. Lorsque le module A est affiché, B est un style. Si le module A est supprimé, B est un autre style. Enregistrez la méthode pour déterminer l’existence du nœud.

Écrivez d'abord le html

<!doctype html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html charset=utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge chrome=1" />
        <meta name="keyword" content="随机加判断存在" />
        <meta name="description" content="" />
        <title>判断节点存在</title>
        <style type="text/css">
            *{margin: 0;padding: 0;}
            #box1{width: 100px;height: 100px;background: #c66;margin: 20px auto;text-align: center;color: #fff;line-height: 100px;}
            .box2{width: 200px;height: 200px;background: #c60;margin: 0 auto;text-align: center;color: #fff;line-height: 200px;}
            .box22{width: 400px;height: 400px;line-height: 400px;}
        </style>
    </head>
    <body>

        <div class="box2">模块二</div>
        <div id="box1">模块一</div>
        </body>
    </html>

Comment déterminer si p avec l'identifiant de box1 existe

méthode js

if(document.getElementById('box1'))

méthode jquery

1.if($( '# box1').length>0)

2.if($('#box1')[0])

Mettez-le dans le code

<script type="text/javascript">
            var number = (1+Math.random()*(8-1)).toFixed(0);
            var oBox2=document.getElementsByTagName(&#39;div&#39;)[0];
            var oBox1=document.getElementById(&#39;box1&#39;);
            if(number<3){
                document.body.removeChild(oBox1);
            }
            if(document.getElementById(&#39;box1&#39;)){
                oBox2.className=oBox2.className+&#39; box22&#39;;
                console.log(111);
            }
            else{
                oBox2.className=&#39;box2&#39;;
            }
        </script>

méthode jquery

<script src="jquery-1.8.3.min.js"></script>
        <script type="text/javascript">
            var number = (1+Math.random()*(8-1)).toFixed(0);
            if(number>3){
            }
            else{
                $(&#39;#box1&#39;).remove();
            }
            if($(&#39;#box1&#39;).length>0){//判断
                $(&#39;.box2&#39;).addClass(&#39;box22&#39;);
            }
            else{
                $(&#39;.box2&#39;).removeClass(&#39;box22&#39;);
            }
        </script>

<script src="jquery-1.8.3.min.js"></script>
        <script type="text/javascript">
            var number = (1+Math.random()*(8-1)).toFixed(0);
            if(number>3){
            }
            else{
                $(&#39;#box1&#39;).remove();
            }
            if($(&#39;#box1&#39;)[0]){//判断
                $(&#39;.box2&#39;).addClass(&#39;box22&#39;);
            }
            else{
                $(&#39;.box2&#39;).removeClass(&#39;box22&#39;);
            }
        </script>

Progrès un peu chaque jour et efforcez-vous se surpasser hier.

【Apprentissage recommandé : Tutoriel avancé javascript】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

JavaScript jquery html if Length JS 对象

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment comprendre la chaîne de prototypes javascriptArticle suivant：Comment comprendre la chaîne de prototypes javascript

Articles Liés

Voir plus