Don't load div that is displayed none in the dom using JS

by

I have 2 divs, one of them is for Internet explorer and the other for the rest of the browsers. The one which is for IE is hidden using display:none for the other browsers and displayed using media query for Internet explorer. Everything works fine at the moment. But this doesn’t seem like the ideal solution since the display:none div does appear in the DOM which isn’t good for performance. How do I initialize only the elements that are visible or how do I not initialize elements using JS that have display:none

<div style="display:none"id="explorer">Internet explorer</div>
<div id="rest">Chrome,Firefox,etc</div>

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #explorer{
        display: block !important;
    }
    #rest{
        display: none;
    }
}

So if you load this in Chrome, <div style="display:none"id="explorer">Internet explorer</div> won’t display in the view, but you will be able to see it through the dev tools. I would like this not to initilize at all using JS for chrome, firefox, etc and not initialize <div id="rest">Chrome,Firefox,etc</div> for IE.

356 thoughts on “Don't load div that is displayed none in the dom using JS”

  1. Hey! I know this is somewhat off topic but I was wondering
    which blog platform are you using for this site? I’m getting fed up of WordPress because I’ve
    had issues with hackers and I’m looking at options for another platform.
    I would be fantastic if you could point me in the direction of a good platform.

    Reply

  54. Instagram Takipçi Satın Almak Şirketler yada Şahıslar için Gerekli Midir?

    Kişisel sayfalar, firma sayfaları ya da farklı sebepler ile açılan sayfaların büyük kitlelere ulaşabilmesi
    açısından güvenilir takipçi satın alma işlemi önemli rol oynar.
    Bu şekilde hesapta olumlu değişiklikler görülür.
    Bu değişikliklerin başında tanınmak gelir ayrıca Instagram’da popüler
    olmak bir anlamda kazanç kapısı anlamı da taşır.

    Reklamlar, firmaların tanıtımı açısından yapılır.
    En önemli reklam da tanınan ve bilinen birinin yaptığı çalışmalar olur.
    Takipçisi yüksek bir hesap haline gelindiğinde büyük firmalar ile anlaşma yaparak sponsorluk alınabilir.

    Sponsorluk anlaşmaları sayesinde iyi miktarda para kazanılabilir.

    instagram Takipçi Satın Al mecrasında tanınmak ve bilinmek
    içintakipçi satın alişlemi sıklıkla uygulanır.
    Doğal yollar ile hesabı büyütmek uzun zaman ve büyük bir
    uğraş gerektirdiğinden takipçi kasma adına tercih edilen en etkili yöntem olan takipçi hizmeti ile hesap Instagram’ın keşfet alanına da düşer ve bu şekilde organik şeklide
    takipçi elde edilir.

    Reply

  310. สัมผัสประสบการณ์การเล่นเกมออนไลน์สล็อต pg ผ่านเว็บไซต์ pgslot.bar ได้แล้ววันนี้ ยิ่งเล่นยิ่งได้ ยิ่งฝากเยอะยิ่งคุ้ม รองรับการเล่นผ่านทุกช่องทาง สนุกกับเกมได้ทุกที่ทุกเวลา ให้บริการตลอด 24 ชม.

    Reply

Leave a Comment