Back to Content

MathMLElement: dataset property

files/en-us/web/api/mathmlelement/dataset/index.md

latest1.3 KB
Original Source

{{APIRef("MathML")}}

The dataset read-only property of the {{DOMxRef("MathMLElement")}} interface provides read/write access to custom data attributes (data-*) on elements. It exposes a map of strings ({{domxref("DOMStringMap")}}) with an entry for each data-* attribute.

The dataset property itself can be read, but not directly written. Instead, all writes must be to the individual properties within the dataset, which in turn represent the data attributes.

Value

A {{domxref("DOMStringMap")}}.

Examples

html
<div>
  <math>
    <msup id="equation" data-value="-1" data-equation="euler">
      <mi>e</mi>
      <mrow><mi>i</mi> <mi>π</mi></mrow>
    </msup>
    <mo>+</mo>
    <mn>1</mn>
    <mo>=</mo>
    <mn>0</mn>
  </math>
</div>
js
const el = document.querySelector("#equation");

console.log(el.dataset.value); // "-1"
console.log(el.dataset.equation); // "euler"

Result

{{EmbedLiveSample("dataset",100,100)}}

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also