Rumah > Artikel > hujung hadapan web > Bagaimana untuk menentukan sama ada nod wujud dalam JavaScript

Bagaimana untuk menentukan sama ada nod wujud dalam JavaScript

醉折花枝作酒筹asal: 2021-07-20 15:31:103857semak imbas

Kaedah: 1. kaedah js, "if(document.getElementById('Element Object'))"; 2. kaedah jquery, "if($('Element Object').length>0)" dan "if($('Elemen Objek')[0])".

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

Saya menghadapi masalah semasa saya bekerja dua hari lalu Apabila modul A dipaparkan, B ialah satu gaya jika modul A dipadamkan, B ialah gaya lain. Catatkan kaedah untuk menentukan kewujudan nod.

Mula-mula tulis 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>

Bagaimana untuk menentukan sama ada p dengan id box1 wujud

kaedah js

if(document.getElementById (' box1'))

kaedah jquery

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

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

Letakkannya dalam kod

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

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

Maju sedikit setiap hari dan berusaha untuk mengatasi diri anda semalam.

[Pembelajaran yang disyorkan: Tutorial JavaScript Lanjutan]

Atas ialah kandungan terperinci Bagaimana untuk menentukan sama ada nod wujud dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript jquery html if Length JS 对象

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Bagaimana untuk memahami rantaian prototaip javascriptArtikel seterusnya：Bagaimana untuk memahami rantaian prototaip javascript

Artikel berkaitan

Lihat lagi