MathMLElement: Eigenschaft attributeStyleMap

Die attributeStyleMap Eigenschaft des MathMLElement-Interfaces ist eine schreibgeschützte Eigenschaft, die ein Live-Objekt vom Typ StylePropertyMap zurückgibt. Dieses Objekt enthält eine Liste von Style-Eigenschaften des Elements, die im Inline-style-Attribut des Elements definiert sind oder über die style-Eigenschaft des MathMLElement-Interfaces per Skript zugewiesen wurden.

Kurzschreibweisen werden aufgegliedert. Wenn Sie border-top: 1px solid black setzen, werden stattdessen die Langschreibweisen (border-top-color, border-top-style, und border-top-width) gesetzt.

Der Hauptunterschied zwischen der style-Eigenschaft und der attributeStyleMap-Eigenschaft besteht darin, dass die style-Eigenschaft ein CSSStyleDeclaration-Objekt zurückgibt, während die attributeStyleMap-Eigenschaft ein StylePropertyMap-Objekt zurückgibt.

Obwohl die Eigenschaft selbst nicht schreibbar ist, können Sie Inline-Stile über das zurückgegebene StylePropertyMap-Objekt lesen und schreiben, genau wie über das CSSStyleDeclaration-Objekt, das über die style-Eigenschaft zurückgegeben wird.

Wert

Ein Live-Objekt vom Typ StylePropertyMap.

Beispiele

Der folgende Codeabschnitt zeigt die Beziehung zwischen dem style-Attribut und der attributeStyleMap-Eigenschaft:

html
<div style="white-space: pre-line;">
  <math>
    <mrow>
      <mi>f</mi>
      <mo stretchy="false">(</mo>
      <mi id="el" style="border-top: 1px solid blue; color: red;">x</mi>
      <mo stretchy="false">)</mo>
      <mo>=</mo>
      <mi>x</mi>
    </mrow>
  </math>
  <div id="output"></div>
</div>
css
#el {
  font-size: 16px;
}
js
const element = document.getElementById("el");
const output = document.getElementById("output");

for (const property of element.attributeStyleMap) {
  output.textContent += `${property[0]} = ${property[1][0].toString()}\n`;
}

Spezifikationen

Specification
CSS Typed OM Level 1
# dom-elementcssinlinestyle-attributestylemap

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
attributeStyleMap

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
See implementation notes.

Siehe auch