HTMLAnchorElement: interestForElement-Eigenschaft
Die interestForElement-Eigenschaft des HTMLAnchorElement-Interfaces ruft das Zielelement eines Interesse-Auslösers ab oder setzt es, in Fällen, in denen das zugehörige <a>-Element als Interesse-Auslöser angegeben ist.
Weitere Details finden Sie unter Erstellen eines Interesse-Auslösers.
Wert
Eine Instanz eines Element-Objekts oder null, wenn das zugehörige <a>-Element kein Zielelement gesetzt hat.
Beispiele
Grundlegende Verwendung von interestForElement
In diesem Beispiel verwenden wir die interestForElement-Eigenschaft eines <a>-Elements, um sein Zielelement festzulegen und anschließend das tagName dieses Elements abzurufen. Das tagName wird dann im Textinhalt des <a>-Elements angezeigt.
HTML
Das Markup enthält ein <a>-Element und ein <div>-Element. Wir verwandeln das <div>-Element in ein Popover, indem wir ein popover-Attribut darauf setzen.
<a href="#">a link</a>
<div id="mypopover" popover>I am a <code><div></code> element.</div>
JavaScript
Wir holen uns Referenzen zu den <a>- und <div>-Elementen im Skript. Dann erstellen wir die Interesse-Auslöser-Ziel-Beziehung zwischen dem <a>- und dem <div>, indem wir die interestForElement-Eigenschaft des <a>-Elements auf eine Referenz zum <div> setzen. Anschließend aktualisieren wir den Textinhalt des <a>-Elements, um einen String mit dem tagName des Zielelements zu enthalten, abgerufen über invoker.interestForElement.tagName.
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 rendert so:
Versuchen Sie, Interesse an dem Link zu zeigen (beispielsweise durch darüber Hovern oder fokussieren), um das <div> erscheinen zu lassen.