MathMLElement: свойство attributeStyleMap

Свойство attributeStyleMap только для чтения интерфейса MathMLElement возвращает живой объект StylePropertyMap, содержащий список свойств стиля элемента, определённых в атрибуте style элемента или назначенных с помощью свойства style интерфейса MathMLElement через скрипт.

Сокращённые свойства раскрываются. Если вы задаёте border-top: 1px solid black, вместо этого устанавливаются полные свойства (border-top-color, border-top-style и border-top-width).

Основное отличие между свойством style и свойством attributeStyleMap заключается в том, что свойство style вернёт объект CSSStyleDeclaration, а свойство attributeStyleMap вернёт объект StylePropertyMap.

Хотя само свойство не является изменяемым, вы можете читать и изменять встроенные стили через объект StylePropertyMap, который оно возвращает, так же как и через объект CSSStyleDeclaration, возвращаемый свойством style.

Живой объект StylePropertyMap.

Следующий фрагмент кода демонстрирует взаимосвязь между атрибутом style и свойством attributeStyleMap:

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

• MathMLElement.style
• HTMLElement.attributeStyleMap
• SVGElement.attributeStyleMap