HTMLAreaElement: Eigenschaft interestForElement

Eingeschränkt verfügbar

Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Nicht standardisiert: Diese Funktion ist nicht standardisiert. Wir raten davon ab, nicht-standardisierte Funktionen auf produktiven Webseiten zu verwenden, da sie nur von bestimmten Browsern unterstützt werden und sich in Zukunft ändern oder entfernt werden können. Unter Umständen kann sie jedoch eine geeignete Option sein, wenn es keine standardisierte Alternative gibt.

Die interestForElement-Eigenschaft der Schnittstelle HTMLAreaElement ruft das Ziel-Element eines Interesses-Initiators ab oder legt es fest, in Fällen, in denen das zugehörige <area>-Element als Interessen-Initiator angegeben ist.

Siehe Creating an interest invoker für weitere Details.

In diesem Artikel

Wert

Eine Instanz des Element-Objekts oder null, wenn das zugehörige <area>-Element kein Ziel-Element festgelegt hat.

Beispiele

Grundlegende Verwendung von interestForElement

In diesem Beispiel verwenden wir die interestForElement-Eigenschaft eines <area>-Elements, um dessen Ziel-Element festzulegen und dann den tagName des Ziel-Elements abzurufen. Der tagName wird dann im Textinhalt des <area>-Elements ausgegeben.

HTML

Wir fügen ein <area>-Element und ein <div>-Element ein. Wir verwandeln das <div>-Element in ein Popover, indem wir ein popover-Attribut darauf setzen.

html
<map name="example-map" id="example-map">
  <area href="#" shape="default" alt="Example area" />
</map>
<div id="mypopover" popover>I am a <code>&lt;div&gt;</code> element.</div>

map {
  width: 200px;
  height: 100px;
  background-color: pink;
  padding: 5px;
}

JavaScript

Wir erhalten Verweise auf die <area>- und <div>-Elemente im Skript und deklarieren dann eine Interessen-Initiator-Ziel-Beziehung zwischen dem <area> und dem <div>, indem wir die interestForElement-Eigenschaft des <area>-Elements auf einen Verweis auf das <div> setzen. Dann setzen wir den Textinhalt des <area>-Elements auf eine Zeichenfolge, die den tagName des Ziel-Elements enthält, der über invoker.interestForElement.tagName abgerufen wird.

js
const invoker = document.querySelector("area");
const popover = document.querySelector("div");

invoker.interestForElement = popover;

invoker.textContent = `My target is a ${invoker.interestForElement.tagName} element`;

Ergebnis

Das Beispiel wird wie folgt dargestellt:

Versuchen Sie, Interesse am Bereich zu zeigen (zum Beispiel, indem Sie darüber schweben oder ihn fokussieren), um das <div> erscheinen zu lassen.

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

HTML DOM API
HTMLAreaElement
Instanzeigenschaften
Instanzmethoden
1. toString()
Vererbung
Verwandte Seiten für HTML DOM
Anleitungen
1. Verwenden von Microtasks in JavaScript mit queueMicrotask()
2. Im Detail: Microtasks und die JavaScript-Laufzeitumgebung