HTMLAnchorElement: interestForElement-Eigenschaft
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
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 HTMLAnchorElement-Schnittstelle ruft das Zielelement eines Interest Invokers ab oder legt es fest, in Fällen, in denen das zugehörige <a>-Element als Interest Invoker angegeben ist.
Siehe Erstellen eines Interest Invokers für weitere Details.
Wert
Eine Instanz eines Element-Objekts oder null, wenn das zugehörige <a>-Element kein Zielelement gesetzt hat.
Beispiele
Grundlegende Nutzung von interestForElement
In diesem Beispiel verwenden wir die interestForElement-Eigenschaft eines <a>-Elements, um dessen Zielelement festzulegen und anschließend dessen tagName abzurufen. Der tagName wird dann im Textinhalt des <a>-Elements angezeigt.
HTML
Das Markup beinhaltet ein <a>-Element und ein <div>-Element. Wir verwandeln das <div>-Element in ein Popover, indem wir ihm ein popover-Attribut zuweisen.
<a href="#">a link</a>
<div id="mypopover" popover>I am a <code><div></code> element.</div>
JavaScript
Wir erhalten in einem Skript Referenzen auf die <a>- und <div>-Elemente. Dann erstellen wir die Beziehung zwischen Interest Invoker und Ziel, indem wir die interestForElement-Eigenschaft des <a>-Elements auf eine Referenz zu dem <div> setzen. Anschließend aktualisieren wir den Textinhalt des <a>-Elements, indem wir eine Zeichenkette einfügen, die den tagName des Zielelements enthält, der über invoker.interestForElement.tagName abgerufen wird.
const invoker = document.querySelector("a");
const popover = document.querySelector("div");
invoker.interestForElement = popover;
invoker.textContent = `My target is a ${invoker.interestForElement.tagName} element`;
Ergebnis
Das Beispiel wird folgendermaßen dargestellt:
Versuchen Sie, Interesse am Link zu zeigen (zum Beispiel durch Schweben oder Fokussieren), um das <div> erscheinen zu lassen.