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.

<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>

#el {
  font-size: 16px;
}

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`;
}