MathMLElement: attributeStyleMap Eigenschaft
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Die schreibgeschützte attributeStyleMap Eigenschaft des MathMLElement Interfaces gibt ein lebendiges StylePropertyMap Objekt zurück, das eine Liste von Stil-Eigenschaften des Elements enthält, die im Inline-style-Attribut des Elements definiert oder über die style Eigenschaft des MathMLElement Interfaces per Skript zugewiesen wurden.
Kurzschreibweisen werden aufgeschlüsselt. Wenn Sie border-top: 1px solid black setzen, werden stattdessen die Langform-Eigenschaften (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 lebendiges StylePropertyMap Objekt.
Beispiele
Der folgende Code-Schnipsel zeigt die Beziehung zwischen dem style Attribut und der attributeStyleMap Eigenschaft:
<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>
#el {
font-size: 16px;
}
#output {
white-space: pre-line;
}
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
Loading…