Miten Uncaught TypeError: Ei voida asettaa null-ominaisuuksia at getElementById() esiintyy?
' Uncaught TypeError: Nollan ominaisuuksia ei voi asettaa getElementById() ' voi johtua seuraavista syistä:
Esimerkki 1: Syömättömän tyyppivirheen esiintyminen: Nollan ominaisuuksia ei voi asettaa arvolle getElementById() elementin aiemman käytön vuoksi
Tässä esimerkissä käsitellään virhettä, joka havaittiin tietyn elementin käytön yhteydessä ennen sen määrittämistä:
< käsikirjoitus >
asiakirja. getElementById ( 'pää' ) . innerHTML = 'JavaScript-sisältö' ;
käsikirjoitus >
< keskusta >< kehon >
< h2 id = 'pää' > Linuxhint-verkkosivusto h2 >
kehon > keskusta >
Suorita seuraavat vaiheet yllä olevien koodirivien mukaisesti:
- Sisällytä ensin JavaScript-koodilohko ' ' -tunniste.
- Siirry tästä elementtiin, joka vastaa mainittua ' id ' käyttämällä ' getElementById() ”menetelmä.
- Käytä myös ' innerHTML ” -ominaisuutta päivittääksesi käytetyn elementin sisällön.
- HTML-koodissa ' '-tunniste, sisältää otsikon, jolla on määritetty ' id ”.
- Koodia suoritettaessa tyyppivirhe ' Ei voi asettaa nollan ominaisuuksia at getElementById() ' tapahtuu. Tämä johtuu siitä, että elementti ' ” pääsee ennen kuin se on edes määritetty.
Lähtö
Yllä olevasta lähdöstä voidaan nähdä, että ilmoitettu virhe näkyy elementin aikaisemman käytön vuoksi.
Ratkaisu
Yllä havaittu virhe voidaan tässä tapauksessa ratkaista sekvensoimalla koodi siten, että elementti määritetään ennen kuin siihen päästään.
Seuraava esimerkki havainnollistaa esitettyä käsitettä:
< keskusta >< kehon >< h2 id = 'pää' > Linuxhint-verkkosivusto h2 >
kehon > keskusta >
< käsikirjoitus >
asiakirja. getElementById ( 'pää' ) . innerHTML = 'JavaScript-sisältö' ;
käsikirjoitus >
Yllä oleva koodi on identtinen edellisen koodin kanssa koodilohkojen sijoittelun muutoksella. Se on sellainen, että ' ”-elementti määritetään ennen kuin sitä käytetään JavaScript-koodissa.
Lähtö
Kuten näkyy, havaittu virhe on korjattu ja päivitetty sisältö ' innerHTML ominaisuus tulee näkyviin.
Esimerkki 2: Syömättömän tyyppivirheen esiintyminen: Nollan ominaisuuksia ei voi asettaa arvolle getElementById(), koska tunnuksen käyttö on virheellinen
Ilmoitettu virhe voidaan kohdata myös käyttämällä id:tä väärin.
Käydään läpi alla oleva esimerkki:
< teltan tunnus = 'for' > Java teltta >< skriptityyppi = 'teksti/javascript' >
asiakirja. getElementById ( '#for' ) . sisäteksti = 'Skripti' ;
käsikirjoitus >
Yllä olevassa koodinpätkässä:
- Sisällytä ' 'elementti, jossa on ' id ” ja tekstin arvo.
- Käytä koodin JS-osassa olevaa elementtiä edellisessä vaiheessa käyttämällä ' getElementById() ”menetelmä.
- ' id '-muoto ei ole oikea, kun otetaan huomioon menetelmä, jolla tiettyä elementtiä käytetään.
- Täällä ' sisäteksti ”-ominaisuus näyttää ilmoitetun tekstiarvon.
Lähtö
Tässä tulosteessa voidaan varmistaa, että käytetty ominaisuus ei vaikuttanut elementtiin väärän id-muodon vuoksi.
Ratkaisu
Mainittu virhe tässä skenaariossa voidaan ratkaista määrittämällä tunnus oikein elementtiä käytettäessä:
< teltan tunnus = 'for' > Java teltta >< skriptityyppi = 'teksti/javascript' >
asiakirja. getElementById ( 'for' ) . sisäteksti = 'Skripti' ;
käsikirjoitus >
Toteuta alla mainitut vaiheet yllä olevan koodin mukaisesti:
- Sisällytä ' ' elementti jolla on annettu ' id ”.
- Avaa JavaScript-koodinpätkässä elementti, edellisessä vaiheessa määrittämällä elementin ' id 'oikein '' getElementById() ”menetelmä.
- Käytä lopuksi ' sisäteksti ” -ominaisuutta ja näyttää ilmoitetun tekstisisällön, joka päivitetään tässä tapauksessa.
Lähtö
Yllä olevassa lähdössä voidaan visualisoida, että päivitetty tekstisisältö näkyy.
Johtopäätös
' Uncaught TypeError: Nollan ominaisuuksia ei voi asettaa getElementById() ” JavaScriptissä voidaan ratkaista määrittämällä elementti ennen sen käyttöä tai määrittämällä id oikeassa muodossa. Tämän jälkeen vastaavat toiminnot voidaan suorittaa molemmissa tapauksissa. Tämä blogi opasti Uncaught TypeError -virheen ratkaisemiseen: Ei voi asettaa null-ominaisuuksia JavaScriptissä getElementById() -kohdassa.