So erstellen Sie ein Div -Klick mit JavaScript anklickbar

So erstellen Sie ein Div -Klick mit JavaScript anklickbar
Der Element ist das wichtigste und am häufigsten verwendete Tag in der Webentwicklung. Es definiert einen Abschnitt oder eine Abteilung in einem HTML -Dokument. Darüber hinaus können Benutzer die unterschiedlichen Styling -Eigenschaften auf dem ändern Tags wie Hintergrundfarbe, Schriftgröße, Textfarbe, und jede der Funktionen, die angewendet werden kann, indem Sie auf die Div klicken. Man kann beim Klicken auf die Div eine bestimmte Funktionalität hinzufügen. In diesem Beitrag werden wir verschiedene Methoden demonstrieren, um ein Div -klickbar mit JavaScript zu klicken.
  • So machen Sie ein Divable in JavaScript anklickbar
  • Beispiel 1: Verwenden der addEventListener () -Methode, um ein Divable anklickbar zu machen
  • Beispiel 2: Verwenden Sie das Tag, um eine URL anklickbar zu machen

So machen Sie ein Divable in JavaScript anklickbar?

JavaScript bietet AddEventListener () Methode zum Erstellen eines klickbaren Textes innerhalb Schild. Darüber hinaus kann eine einfache Funktion auch mit der Onclick -Funktionalität des Div -Tags zugeordnet werden, um ein Div -klickbar zu machen. Die anklickbare Operation kann angewendet werden, indem Sie auf die zugreifen Ausweis oder Klasse Attribut. Benutzer können Inhalte in einem platzieren Tag zum Anzeigen im Browser. Versuchen wir beide Methoden, um ein Divable in JavaScript anklickbar zu machen.

Beispiel 1: Verwenden der addEventListener () -Methode, um ein Divable anklickbar zu machen

Die addEventListener () -Methode wird über die angewendet Tag zum Anenden eines Divable in JavaScript. Die Methode wird durch eine Assoziation mit einem bestimmten Ereignis ausgelöst. Durch die Betrachtung wird ein Code mit befolgt Tags, um einen klickbaren Text in JavaScript zu erstellen.

Code



Beispiel zum Klicken in JavaScript


Drücken Sie die anklickbare Div



Der Code ist unten dargestellt:

  • Erstens a Der Bereich wird angegeben, in dem eine Nachricht enthält "Drücken Sie die anklickbare Div" eine einzigartige ID von haben "Cl".
  • Danach die GetElementById () Methode wird verwendet, um die HTML zu extrahieren Element durch sein "Cl" Wert.
  • Außerdem die AddEventListener () Die Methode wird eingesetzt, um einen Event -Handler durch Bestehen hinzuzufügen "klicken" Und "CL_DIV" Argumente.
  • Am Ende a cl_div () Die Methode wird genannt, die eine Nachricht zurückgibt "Willkommen bei JavaScript" durch Verwendung der Innerhtml Eigentum.

Ausgang

Die Ausgabe gibt den Browser zurück, in dem der Benutzer Klicks auf der Div und der div Tag wird in geändert "Willkommen bei JavaScript".

Beispiel 2: Verwenden Sie das Tag, um eine URL in einer DIV anklickbar zu machen

Der Tag ist berühmt für die Umleitung auf andere Links oder Webseiten. Dieser Tag hat eine "hrefAttribut, das die URL einer bestimmten Webseite akzeptiert. Lassen Sie es uns über den folgenden Beispielcode verwenden:

Code


Beispiel, um einen Div -Klick in JavaScript zu machen


"https: // linuxhint.com/"

Der obige Code wird von Zeile erläutert:

  • Zuerst ein Der Bereich wird angegeben und ein Klassenwert von zugewiesen "Klickbar".
  • Danach a Tag wird angewendet, indem der Link „https: // linuxHint übergeben wird.com ”.
  • Durch Drücken des Verknüpfung, es bezieht sich auf die div die Klasse haben "klickbar”.
  • Danach die Fenster.Standort() Methode erhält die "URL" der angegebenen Webseite durch die attr () Methode.

Ausgang

Die Ausgabe zeigt, dass wenn ein Benutzer den Link drückt "Klicken Sie auf Link", Ein neues Fenster taucht im Browser auf.

Abschluss

In JavaScript ein integriert AddEventListener () Methode oder eine benutzerdefinierte Funktion kann verwendet werden, um ein Div-Klick aufzulegen. Der AddEventListener () Methode nimmt zwei Argumente ein, das erste Argument muss sein ''klicken'Und das zweite Argument muss auf die DIV hinweisen (unter Verwendung dessen Klasse Name oder Ausweis). In einer benutzerdefinierten Funktion ist die Funktion dem Onclick-Ereignis der beigefügt div Um das Div klickbar zu machen. Dieser Blog hat alle möglichen Methoden demonstriert, um ein Div -klickbar mit JavaScript zu klicken.