Hvordan lage en div klikkbar ved hjelp av JavaScript

De Elementet er det viktigste og ofte brukte taggen i webutvikling. Den definerer en seksjon eller en inndeling i et HTML -dokument. Dessuten kan brukere endre de forskjellige stylingegenskapene på Tagger som bakgrunnsfarge, skriftstørrelse, tekstfarge, og noe av funksjonaliteten som kan brukes ved å klikke på DIV. Man kan legge til en spesifikk funksjonalitet når du klikker på Div. I dette innlegget vil vi demonstrere flere metoder for å gjøre en div klikkbar ved hjelp av JavaScript.

• Hvordan få en div til å klikkbar i JavaScript
• Eksempel 1: Bruke AddEventListener () -metode for å få en div til å klikkbar
• Eksempel 2: Bruke tag for å lage en URL -klikkbar

Hvordan få en div til å klikkbar i JavaScript?

JavaScript gir AddEventListener () metode for å lage en klikkbar tekst innen stikkord. Dessuten kan en enkel funksjon også være assosiert med OnClick -funksjonaliteten til DIV -taggen for å gjøre en div klikkbar. Den klikkbar operasjonen kan brukes ved å få tilgang til id eller klasse Egenskap. Brukere kan plassere alt innhold inne i en Tag å vises i nettleseren. La oss prøve begge metodene for å få en div til å klikkes i JavaScript.

Eksempel 1: Bruke AddEventListener () -metode for å få en div til å klikkbar

AddEventListener () -metoden brukes gjennom Tag for å gjøre en div klikkbar i JavaScript. Metoden utløses av en tilknytning til en bestemt hendelse. Ved å vurdere det, følges en kode med Tagger for å lage en klikkbar tekst i JavaScript.

Kode

Eksempel for å klikkes i JavaScript

Trykk på den klikkbar div

Koden er illustrert nedenfor:

• For det første, a Området er spesifisert som inneholder en melding “Trykk på den klikkbar div” har en unik ID av “CL”.
• Etter det, getElementById () metoden brukes til å trekke ut HTML element av dets “CL” verdi.
• Videre AddEventListener () Metoden brukes for å legge til en hendelsesbehandler ved å bestå “Klikk” og “CL_DIV” argumenter.
• Til slutt, a cl_div () Metoden kalles som returnerer en melding “Velkommen til JavaScript” ved å bruke indrehtml eiendom.

Produksjon

Utgangen returnerer nettleseren som brukeren Klikk på div og div Taggen endres til “Velkommen til JavaScript”.

Eksempel 2: Bruke tag for å lage en url klikkbar i en div

De Tag er kjent for å omdirigere til andre lenker eller websider. Denne taggen har en “href”Attributt som godtar nettadressen til en bestemt webside. La oss øve på å bruke den via følgende eksempelkode:

Kode

Eksempel for å gjøre en div klikkbar i JavaScript

"https: // linuxhint.com/"

Ovennevnte kode er forklart linje for linje:

• Først a Området er spesifisert og tildelt en klasseverdi på “Klikkbar”.
• Etter det, a Tag brukes ved å passere lenken “https: // linuxhint.com ”.
• Ved å trykke på lenke, det refererer til div å ha klassen “klikkbar”.
• Etter det, vindu.plassering() metoden får “URL” av den spesifiserte websiden gjennom attr () metode.

Produksjon

Utgangen viser at når en bruker trykker på lenken “Klikk på lenke”, Et nytt vindu dukker opp i nettleseren.

Konklusjon

I JavaScript, en innebygd AddEventListener () metode eller en brukerdefinert funksjon kan brukes til å gjøre en div klikkbar. De AddEventListener () metoden tar to argumenter, det første argumentet må være 'Klikk'Og det andre argumentet må peke mot Div (utnytte det klasse navn eller id). I en brukerdefinert funksjon er funksjonen knyttet til OnClick-hendelsen til div for å få div klikkbar. Denne bloggen har demonstrert alle mulige metoder for å gjøre en div klikkbar ved hjelp av JavaScript.