HTML Data Name Dash Camel Transform

Convert a supplied HTML data-* attribute name to its dataset key using ASCII lowercase then dash-lowercase camelization; no Unicode case folding or DOM mutation.

Description

Convert a supplied HTML data-* attribute name to its dataset key using ASCII lowercase then dash-lowercase camelization; no Unicode case folding or DOM mutation.

A data attribute name maps to a dataset key through ASCII case normalization and dash camelization. Other retained characters remain literal.^[1]

When to use this tool

Convert a supplied HTML data-* attribute name to its dataset key using ASCII lowercase then dash-lowercase camelization; no Unicode case folding or DOM mutation.

Prepare the supplied attributeName fields for this operation.
Compare the complete example with the representation used by your own input before carrying the result into another step.

How to use the tool and how it works

Enter attributeName. Use the exact text syntax, units and index conventions explained below.
Run the tool. If input validation fails, correct the supplied fields before interpreting any result.
Read result.key. Interpret false, null and empty lists using the distinctions below; they can be valid outputs.

ASCII-lowercase the supplied attributeName, require a nonempty data- suffix and reject forbidden name characters. Remove data- and replace each dash followed by lowercase ASCII with the uppercase letter.^[2]

Input field	Meaning and representation	Accepted input
attributeName	attribute name.	Text; at most 8,192 UTF-16 code units, subject to the grammar above

Output field	Interpretation
result	Object containing the named outputs below.
result.key	The key value under the stated formula or text convention.

json

{
  "input": {
    "attributeName": "data-user-id"
  },
  "output": {
    "result": {
      "key": "userId"
    }
  }
}

Limitations and assumptions

The tool transforms a supplied name, without parsing HTML or mutating a dataset. It does not apply Unicode case folding.
All declared input fields are required and unexpected top-level fields are rejected. Numbers must be finite; lists are limited to 128 entries and ordinary text fields to 8,192 UTF-16 code units, with tighter limits where stated.
JSON text inputs must parse within bounded nesting and size limits. Numeric outputs outside the safe finite range are rejected; large exact integer results use decimal strings. Indexes and half-open spans are zero-based unless a rank is explicitly described as one-based.

Alternative or Complementary methods

For actual document behavior, inspect a parsed DOM and the relevant HTML algorithm. These tools transform supplied tokens, observations or coordinates; compare the browser result when parsing or layout matters.

References

HTML Standard: dataset name conversion — WHATWG
Tool behavior and example: HTML Data Name Dash Camel Transform — tool.io

Similar or alternative tools

HTML Data Key Camel Dash Transform
Convert a valid dataset key to an HTML data-* attribute name, inserting dashes before ASCII uppercase letters; dash-lowercase keys are rejected under DOMStringMap rules.
custom element dash name requirement
Custom element names distinguish application-defined elements from built-in names.