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 |