Heim > Web-Frontend > js-Tutorial > So ermitteln Sie, ob ein Knoten in JavaScript vorhanden ist

So ermitteln Sie, ob ein Knoten in JavaScript vorhanden ist

醉折花枝作酒筹
Freigeben: 2023-01-07 11:44:26
Original
3880 Leute haben es durchsucht

Methoden: 1. js-Methode, „if(document.getElementById('Element Object'))“; 2. jquery-Methode, „if($('Element Object').length>0)“ und „if($ ('Elementobjekt')[0])".

So ermitteln Sie, ob ein Knoten in JavaScript vorhanden ist

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Bei der Arbeit ist vor zwei Tagen ein Problem aufgetreten. Wenn Modul A angezeigt wird, ist B ein Stil. Wenn Modul A gelöscht wird, ist B ein anderer Stil. Notieren Sie die Methode zur Bestimmung der Existenz des Knotens. 🔜 '# box1').length>0)

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

Fügen Sie es in den Code ein

<!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>
Nach dem Login kopieren

jquery-Methode

<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>
Nach dem Login kopieren
<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>
Nach dem Login kopieren

Machen Sie jeden Tag ein bisschen Fortschritte und streben Sie danach um dich gestern zu übertreffen.

【Empfohlenes Lernen:

Javascript-Tutorial für Fortgeschrittene

Das obige ist der detaillierte Inhalt vonSo ermitteln Sie, ob ein Knoten in JavaScript vorhanden ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage