JavaScript 30 - Day 3.CSS Variables

by on # javascript

#3.CSS Variables

[筆記]

# Input
* input  type 如果設定 color/ date,會使用系統預設 顏色/時間 選擇器

# Dataset
* data-sizing: 單位,在純 JS 中必須給單位,而不像 jQuery 給數字即可。

# Input Event
* change
* mousemove

# CSS Style (Variable)
* document.querySelector('body').style['--base'] = 'red';
* 上面寫法會無效,中括號內只能使用預設屬性。
* 如果要用 JS 去修改 CSS3  variables 需使用 setProperty
* document.querySelector('body').style.setProperty('--base', 'red');

# documentElement
* document.documentElement 等同於 document.querySelector('html')

參考

javascript, CSS Variables
comments powered by Disqus