Javascript-stijl instellen

| | | |

Er wordt een fout van het type gegenereerd wanneer een waarde niet van het verwachte type is. In tegenstelling tot undefined kan null onbedoeld een waardevolle ontwikkelaarscode in hun programma worden toegewezen. De fout vertegenwoordigt de afwezigheid van een waarde of object. De waarde is primitief en onwaar.

De eigenschap style wordt gebruikt om de inline-stijl van een documentobjectmodel op te halen en in te stellen element (DOM). DOM is een programmeerinterface die de objecten vertegenwoordigt die u op een webpagina of document ziet. U kunt deze weergave in de console manipuleren.

In dit artikel bekijken we de oorzaak van het ontvangen van een null-typfout bij gebruik van de stijleigenschap in het DOM, samen met enkele mogelijke oplossingen.

Waarom JavaScript een null-typefout genereert met de eigenschap Style in DOM

Als we proberen de stijl van een element bij te werken met JavaScript, moeten we de juiste waarde aanroepen voor de selector die we aanroepen . Hieronder staan de getElements die worden gebruikt bij het manipuleren van een element in een webpagina of document.

We kunnen ook het document gebruiken .querySelector () en document.querySelectorAll () methoden.

Stel dat we een aantal van de volgende dingen in het document hebben dat we proberen te manipuleren.

Stel dat we de derde en het item in de lijst willen wijzigen. Met behulp van de DOM zou de code er als volgt uit moeten zien:

Deze code genereert echter een null-fout omdat we geen ID hebben met de naam `derde`. De id die we in onze JavaScript-code proberen te wijzigen, is een ontbrekende waarde. De identificerende naam van het derde item in de lijst is gecodeerd als `vierde`.

De fout kan ook worden gegenereerd wanneer u verkeerde waarden invoert ‚Äã‚Äãof het belang van hoofdlettergevoeligheid negeert.

Debug

We kunnen deze fout op welke manier dan ook oplossen. We kunnen de ID-naam in de HTML-code wijzigen van " vierde " in " derde " of we kunnen onze code in JavaScript wijzigen om de ID van " vierde " te krijgen. Omdat het altijd beter is om te coderen voor menselijke leesbaarheid, veranderen we de naam van de id op het derde item in de lijst in het derde item.

Conclusie

Als we proberen de stijl van een element in het DOM te veranderen, moeten we ervoor zorgen dat er toegang is met de juiste naam. Elke poging om een element op te maken met een ontbrekende waarde, resulteert in een foutwaarde van het type nul.

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method