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-Elemente <a> (Hyperlinks) und stellt Eigenschaften zum Abrufen und Festlegen verschiedener Merkmale solcher Elemente bereit.

Instanzeigenschaften

Erbt Eigenschaften von ihrem übergeordneten Element MathMLElement.

MathMLAnchorElement.hash: Ein String, der den Fragment-Identifier einschließlich des vorangestellten Hash-Zeichens (#) darstellt, falls vorhanden, in der referenzierten URL.
MathMLAnchorElement.host: Ein String, der den Hostnamen und den Port (wenn 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 das Ergebnis des Parsens des Attributs href des Elements relativ zum Dokument ist und eine gültige URL einer verlinkten Ressource enthält.
MathMLAnchorElement.hreflang: Ein String, der das Attribut hreflang 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 einen anfänglichen / gefolgt vom Pfad der URL enthält, ohne die Abfragezeichenfolge oder das Fragment.
MathMLAnchorElement.port: Ein String, der die Portkomponente der referenzierten URL darstellt, falls vorhanden.
MathMLAnchorElement.protocol: Ein String, der die Protokollkomponente der referenzierten URL einschließlich des nachgestellten Doppelpunkts (:) darstellt.
MathMLAnchorElement.search: Ein String, der das Suchelement der referenzierten URL einschließlich des vorangestellten Fragezeichens (?) darstellt, falls vorhanden.
MathMLAnchorElement.target: Ein String, der das Attribut target des Elements widerspiegelt und angibt, wo die verlinkte Ressource angezeigt werden soll.
MathMLAnchorElement.type: Ein String, der das Attribut type 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 über die Schnittstelle MathMLAnchorElement in JavaScript auf MathML-<a>-Eigenschaften zugegriffen wird.

MathML

Das Beispiel enthält mehrere <a>-Elemente. Das erste ist ein example.com-Link, der mehrere Link- und URL-Merkmale enthält, die wir mit JavaScript ansprechen können. Außerdem fügen wir ein <ul>-Element hinzu, um Eigenschaftswerte darin auszugeben.

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 erhalten Referenzen auf das erste MathML-<a>-Element im Dokument und das <ul>-Element.

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 repräsentiert, und ein <li> an die list anhängt, die den Eigenschaftsnamen und den Eigenschaftswert enthält:

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

Abschließend rufen wir die Funktion mehrmals auf, um 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