JavaScript if() {} else {}

Anonyymi

Tämä toimii vain osittain:

if (document.getElementsByClassName('header-text')[0].style.display = 'block'){
document.getElementsByClassName('header-text')[0].style.display = 'none'}
else {
document.getElementsByClassName('header-text')[0].style.display = 'block'
}

Eli, yritän testata onko elementti olemassa, ja jos on onko elementin tila (style.display = 'block') jos on asetetaan (style.display = 'none') ja jos elementti on olemassa ja sen tila on (style.display = 'none') asetetaan se tilaan (style.display = 'block')

Tuo kyllä asettaa tilan (style.display = 'none') mutta ei palauta, enkä ole varma testaako se elementin olemassa oloa ollenkaan. Miten se tehdään oikein?

6

326

    Vastaukset 6

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Anonyymi
    • Anonyymi

      Muista vertailussa kaksi (tai JS:ssä jopa kolme kannattaa laittaa :D) =-merkkiä!

      • Anonyymi

        Niin, tarkoitat että vertailussa (==) ja arvon asetuksessa (=), mutta ei kai näin (===).


      • Anonyymi

        Ei kun:

        vertailussa näin:
        === sama arvo ja sama tyyppi
        == sama arvo

        arvon asetuksessa näin:
        =


    • Anonyymi

      Tämä antaa "Console" editorissa virheen, ellei elementtiä ole, tai elementillä ei ole tuota ominaisuutta.

      x = document.getElementsByClassName('header-text')[0].style.display

      Miten tuo ominaisuus tulisi selvittää ilman virheitä?
      Tämä on sama kysymys kuin avauskin mutta nyt selkeämmin esitettynä.

      • Anonyymi

        Niin, jos elementtiä ei ole, niin sitä on paha mennä muokkaamaan. Style-ominaisuus DOM-elementillä pitäisi aina olla, eli jos elementti vaan löytyy, niin sitten ei pitäisi ongelmia olla. Voit testata löytyikö elementtiä:

        let el = document.getElementsByClassName('header-text')[0];
        if (el) {
        el.style.display = "" //...
        }


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Oivallus

      Mitä olet oivaltanut viimeksi?
      Ikävä
      139
      916
    2. Jasmin Vähäkangas valehtelee kolumnissaan. Hän ei ole "taaperon" äiti.

      Lapsi ei taaperra. Vielä seurakunnan lehdessä valehtelee noin?
      Kotimaiset julkkisjuorut
      98
      805
    3. Pyhäjärvi syvällä kusessa

      Pyhäjärvi ei tule selviämään millään tästä alhosta. Ollaan aivan liian syvällä. https://www.mtvuutiset.fi/artikkeli/pyha
      Pyhäjärvi
      106
      773
    4. Mitä kuvittelet kaivattusi tekevän

      Arkena tai viikonloppuna? Mitä itse teet samaan aikaan?
      Ikävä
      60
      735
    5. Miten voi sinun

      tunteet yhtäkkiä kuolla kuin napista painamalla? Et enää vilkaisekaan minuun päin vaan jos vahingossa näet minut käännät
      Ikävä
      55
      601
    6. Hyvää yötä

      Ikuinen kohtalo, sydänystävä, rakkauteni♥️.. kumpa olisimme saaneet elämältä mahdollisuuden!
      Ikävä
      26
      583
    7. Missähän pöytäkirja viipyy, taas?

      Hallituksen kokouksessa oli eilen mielenkiintoisia asioita käsiteltävänä. Pöytäkirja on ollut yleensä saman iltana luett
      Kemijärvi
      44
      497
    8. Martina sai ylinopeussakon

      Saiko sakkoa Porsche-merkkisellä autolla?
      Kotimaiset julkkisjuorut
      154
      489
    9. 42
      479
    10. PYHÄJÄRVEN KAUPUNKI VALTIOVARAINMINESTERIÖN ARVIOINTIMENETTELYYN..TE

      ...siinä se nyt on, mitä tässä enää vikistään. Uutiset Yle, 14.8. Klo 20.30, ei tunnu mukavalta.
      Pyhäjärvi
      47
      445
    Aihe