MathMLAnchorElement

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

Die Schnittstelle MathMLAnchorElement repräsentiert MathML-<a>-Elemente (Hyperlinks) und stellt Eigenschaften bereit, mit denen sich verschiedene Merkmale dieser Elemente abrufen und festlegen lassen.

Instanzeigenschaften

Erbt Eigenschaften von der übergeordneten Schnittstelle MathMLElement.

MathMLAnchorElement.download: Ein String, der angibt, dass die verlinkte Ressource heruntergeladen und nicht im Browser angezeigt werden soll.
MathMLAnchorElement.hash: Ein String, der den Fragmentbezeichner einschließlich des vorangestellten Rautezeichens (#) darstellt, sofern vorhanden, in der referenzierten URL.
MathMLAnchorElement.host: Ein String, der den Hostnamen und den Port (sofern es sich nicht um den Standardport handelt) in der referenzierten URL darstellt.
MathMLAnchorElement.hostname: Ein String, der den Hostnamen in der referenzierten URL darstellt.
MathMLAnchorElement.href: Ein String, der sich aus dem Parsen des href-Attributs des Elements relativ zum Dokument ergibt und eine gültige URL einer verlinkten Ressource enthält.
MathMLAnchorElement.hreflang: Ein String, der das hreflang-Attribut des Elements widerspiegelt und die Sprache der verlinkten Ressource angibt.
MathMLAnchorElement.origin Schreibgeschützt: Gibt einen String zurück, der den Ursprung der URL enthält, also ihr Schema, ihre Domain und ihren Port.
MathMLAnchorElement.password: Ein String, der das vor dem Domainnamen angegebene Passwort enthält.
MathMLAnchorElement.pathname: Ein String, der mit / beginnt und darauf folgend den Pfad der URL enthält, ohne Query-String oder Fragment.
MathMLAnchorElement.ping: Eine durch Leerzeichen getrennte Liste von URLs. Wenn dem Link gefolgt wird, sendet der Browser POST-Anfragen mit dem Inhalt PING an die URLs.
MathMLAnchorElement.port: Ein String, der die Portkomponente der referenzierten URL darstellt, sofern vorhanden.
MathMLAnchorElement.protocol: Ein String, der die Protokollkomponente der referenzierten URL einschließlich des abschließenden Doppelpunkts (:) darstellt.
MathMLAnchorElement.referrerPolicy: Ein String, der festlegt, wie viele Informationen des Referrers beim Folgen des Links unter welchen Umständen gesendet werden.
MathMLAnchorElement.rel: Eine durch Leerzeichen getrennte Liste von Linktypen, die die Beziehung zwischen der durch den Link repräsentierten Ressource und dem aktuellen Dokument angeben.
MathMLAnchorElement.relList Schreibgeschützt: Ein Live-DOMTokenList-Objekt, das die Menge der Linktypen enthält, die die Beziehung zwischen der durch den Link repräsentierten Ressource und dem aktuellen Dokument angeben.
MathMLAnchorElement.search: Ein String, der die Suchkomponente der referenzierten URL einschließlich des vorangestellten Fragezeichens (?) darstellt, sofern vorhanden.
MathMLAnchorElement.target: Ein String, der das target-Attribut des Elements widerspiegelt und angibt, wo die verlinkte Ressource angezeigt werden soll.
MathMLAnchorElement.type: Ein String, der das type-Attribut des Elements widerspiegelt und den MIME-Typ der verlinkten Ressource angibt.
MathMLAnchorElement.username: Ein String, der den vor dem Domainnamen angegebenen Benutzernamen enthält.

Beispiele

Grundlegende Verwendung

Dieses Beispiel zeichnet die Gammafunktion in MathML aus. Es zeigt, wie Sie in JavaScript über die Schnittstelle MathMLAnchorElement auf Eigenschaften eines MathML-<a>-Elements zugreifen.

MathML

Das Beispiel enthält mehrere <a>-Elemente. Das erste ist ein Link zu example.com mit mehreren Link- und URL-Merkmalen, auf die wir mit JavaScript zugreifen können. Außerdem fügen wir ein <ul>-Element hinzu, in dem die Eigenschaftswerte ausgegeben werden.

html

<math display="block" xmlns="http://www.w3.org/1998/Math/MathML"
  ><semantics
    ><mrow
      ><a
        href="https://uname:pwd@example.com:8000/subsection?q=123#fragment"
        target="_blank"
        hreflang="en"
        type="text/html"
        ><mrow
          ><mi mathvariant="normal">Γ</mi><mo stretchy="false">(</mo><mi>t</mi
          ><mo stretchy="false">)</mo></mrow
        ></a
      ><mo>=</mo
      ><a href="https://en.wikipedia.org/wiki/Gamma_function#Main_definition"
        ><mrow
          ><msubsup
            ><mo>∫</mo><mn>0</mn><mrow><mo>+</mo><mn>∞</mn></mrow></msubsup
          ><msup
            ><mi>x</mi><mrow><mi>t</mi><mo>−</mo><mn>1</mn></mrow></msup
          ><msup
            ><mi>e</mi><mrow><mo>−</mo><mi>x</mi></mrow></msup
          ><mi>d</mi><mi>x</mi></mrow
        ></a
      ><mo>=</mo
      ><a
        href="https://en.wikipedia.org/wiki/Gamma_function#Euler's_definition_as_an_infinite_product"
        ><mrow
          ><mfrac><mn>1</mn><mi>t</mi></mfrac
          ><munderover
            ><mo>∏</mo><mrow><mi>n</mi><mo>=</mo><mn>1</mn></mrow
            ><mn>∞</mn></munderover
          ><mfrac
            ><msup
              ><mrow
                ><mo>(</mo
                ><mrow
                  ><mn>1</mn><mo>+</mo><mfrac><mn>1</mn><mi>n</mi></mfrac></mrow
                ><mo>)</mo></mrow
              ><mi>t</mi></msup
            ><mrow
              ><mn>1</mn><mo>+</mo><mfrac><mi>t</mi><mi>n</mi></mfrac></mrow
            ></mfrac
          ></mrow
        ></a
      ><a href="https://en.wikipedia.org/wiki/Asymptotic_analysis#Definition"
        ><mo>∼</mo></a
      ><a href="https://en.wikipedia.org/wiki/Gamma_function#Stirling's_formula"
        ><mrow
          ><msqrt
            ><mfrac
              ><mrow><mn>2</mn><mi>π</mi></mrow
              ><mi>t</mi></mfrac
            ></msqrt
          ><msup
            ><mrow
              ><mo>(</mo><mfrac><mi>t</mi><mi>e</mi></mfrac
              ><mo>)</mo></mrow
            ><mi>t</mi></msup
          ></mrow
        ></a
      ></mrow
    ></semantics
  ></math
>

<ul></ul>

math {
  font-size: 4vw;
}

JavaScript

Wir rufen Referenzen auf das erste MathML-<a>-Element im Dokument und auf das <ul>-Element ab.

const mathAnchor = document.querySelector("math a");
const list = document.querySelector("ul");

Als Nächstes definieren wir eine Funktion, die einen String-Wert entgegennimmt, der eine Eigenschaft des MathMLAnchorElement-Objekts bezeichnet. Sie fügt der list ein <li> hinzu, das den Namen und den Wert der Eigenschaft enthält:

function outputValue(value) {
  const listItem = document.createElement("li");
  listItem.textContent = `${value}: ${mathAnchor[value]}`;
  list.appendChild(listItem);
}

Schließlich rufen wir die Funktion mehrmals auf, um die Namen und Werte von Eigenschaften, die direkt auf der Schnittstelle definiert sind, in der Liste auszugeben:

outputValue("href");
outputValue("target");
outputValue("origin");
outputValue("protocol");
outputValue("username");
outputValue("password");
outputValue("host");
outputValue("hostname");
outputValue("port");
outputValue("pathname");
outputValue("search");
outputValue("hash");
outputValue("hreflang");
outputValue("type");

Ergebnis

Spezifikationen

Spezifikation
MathML Core # dom-mathmlanchorelement

Browser-Kompatibilität

Siehe auch

Das MathML-Element <a>

Help improve MDN

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

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