MathMLElement: thuộc tính attributeStyleMap
Khả dụng hạn chế
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Thuộc tính chỉ đọc attributeStyleMap của giao diện MathMLElement trả về một đối tượng StylePropertyMap trực tiếp chứa danh sách các thuộc tính kiểu của phần tử được định nghĩa trong thuộc tính style nội tuyến của phần tử, hoặc được gán bằng thuộc tính style của giao diện MathMLElement thông qua script.
Thuộc tính viết tắt được mở rộng. Nếu bạn đặt border-top: 1px solid black, các thuộc tính dài (border-top-color, border-top-style, và border-top-width) được đặt thay thế.
Sự khác biệt chính giữa thuộc tính style và thuộc tính attributeStyleMap là thuộc tính style trả về đối tượng CSSStyleDeclaration, trong khi thuộc tính attributeStyleMap trả về đối tượng StylePropertyMap.
Mặc dù thuộc tính này không thể ghi, bạn có thể đọc và ghi các kiểu nội tuyến thông qua đối tượng StylePropertyMap mà nó trả về, giống như thông qua đối tượng CSSStyleDeclaration được trả về qua thuộc tính style.
Giá trị
Một đối tượng StylePropertyMap trực tiếp.
Ví dụ
Đoạn mã sau đây cho thấy mối quan hệ giữa thuộc tính style và thuộc tính attributeStyleMap:
<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`;
}
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| CSS Typed OM Level 1 # dom-elementcssinlinestyle-attributestylemap |