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. Mikä Yllätti

      Kaivatussasi?
      Ikävä
      159
      1286
    2. Mikä oli suurin

      Ongelma välillämme?
      Ikävä
      112
      1019
    3. Tämä meidän välinen tilanne

      Se on tosi raskas mulle. Ihminen, jota haluan eniten elämääni, ihanin olento, enkä koskaan pääse näkemään häntä. Sydämen
      Ikävä
      35
      778
    4. Mitä Kärnässä tapahtui?

      Sinnen meni ambulanssi, paloauto, poliisiauto ja poliisimoottoripyörä.
      Lappajärvi
      9
      733
    5. Rakastamisesi tarkoitus

      Mikä oli kaiken tarkoitus? En sitä tiedä, en ymmärrä. Olet mielessäni, alati. Olen miettinyt. Ei sillä taida olla merki
      Ikävä
      53
      726
    6. Se katse...

      Täynnä rakkautta. Kunpa olisin tajunnut.
      Ikävä
      70
      688
    7. En ole hetkeen sinulle kirjoittanut nainen

      Vieläkin ajattelen sinua, jos voit uskoa. Tunteet minussa huutavat toivoa ja rakkautta, kun kylmä loogisuus taas pistää
      Ikävä
      50
      662
    8. Kohtalo antoi

      sinulle vielä mahdollisuuden valita oikein. Et siihen tarttunut.
      Ikävä
      65
      621
    9. Hoikkana olet pysynyt, ja nättinä

      Iloa silmille vähän liikaakin. Ei uskalla aina edes katsoa. Tulee liikaa kaipausta. Yhdelle ihanalle
      Ikävä
      23
      601
    10. Mitä eroavaisuuksia sinulla on

      kaivattusi kanssa? Esim. luonteessa. Haittaavatko erot vai ovatko vain rikkaus?
      Ikävä
      67
      578
    Aihe