在 HTML 元素裡自定義變數,通常有兩種常見方式:
✅ 方法一:使用 HTML data-* 屬性(最常用)
HTML 本身不能直接放「變數」,但可以用 data- 屬性存放自定義資料。
▶ 寫法:
▶ 在 JavaScript 中取得:
▶ 在 JavaScript 中修改:
✅ 方法二:使用 CSS 變數(Custom Properties)
如果你指的是在 HTML 元素上定義「CSS 變數」,可以直接寫在 style 中:
▶ 寫法: