JavaScript怎么判斷節(jié)點(diǎn)是否存在

發(fā)布時(shí)間：2021-07-21 10:30:01 來(lái)源：億速云閱讀：278 作者：chen 欄目：web開發(fā)

這篇文章主要介紹“JavaScript怎么判斷節(jié)點(diǎn)是否存在”，在日常操作中，相信很多人在JavaScript怎么判斷節(jié)點(diǎn)是否存在問題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”JavaScript怎么判斷節(jié)點(diǎn)是否存在”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

方法：1、js方法，“if(document.getElementById('元素對(duì)象'))”；2、jquery方法，“if($('元素對(duì)象').length>0)”和“if($('元素對(duì)象')[0])”。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

前兩天工作時(shí)遇到一問題，就是模塊A顯示時(shí)，B是一種樣式，模塊A刪除，B是另一種樣式。記錄下判斷節(jié)點(diǎn)存在的方法。

先寫下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="隨機(jī)加判斷存在" />
        <meta name="description" content="" />
        <title>判斷節(jié)點(diǎn)存在</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>

判斷id為box1的p是否存在的方法

js方法

if(document.getElementById('box1'))

jquery方法

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

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

放到代碼里

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

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{
                $('#box1').remove();
            }
            if($('#box1').length>0){//判斷
                $('.box2').addClass('box22');
            }
            else{
                $('.box2').removeClass('box22');
            }
        </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{
                $('#box1').remove();
            }
            if($('#box1')[0]){//判斷
                $('.box2').addClass('box22');
            }
            else{
                $('.box2').removeClass('box22');
            }
        </script>

到此，關(guān)于“JavaScript怎么判斷節(jié)點(diǎn)是否存在”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

向AI問一下細(xì)節(jié)

JavaScript怎么判斷節(jié)點(diǎn)是否存在

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽