19 lines
700 B
TypeScript
19 lines
700 B
TypeScript
|
/** 获取指定元素（默认全局）上的 CSS 变量的值 */
|
||
|
|
export function getCssVar(varName: string, element: HTMLElement = document.documentElement) {
|
||
|
|
if (!varName?.startsWith("--")) {
|
||
|
|
console.error("CSS 变量名应以 '--' 开头")
|
||
|
|
return ""
|
||
|
|
}
|
||
|
|
// 没有拿到值时，会返回空串
|
||
|
|
return getComputedStyle(element).getPropertyValue(varName)
|
||
|
|
}
|
||
|
|
|
||
|
|
/** 设置指定元素（默认全局）上的 CSS 变量的值 */
|
||
|
|
export function setCssVar(varName: string, value: string, element: HTMLElement = document.documentElement) {
|
||
|
|
if (!varName?.startsWith("--")) {
|
||
|
|
console.error("CSS 变量名应以 '--' 开头")
|
||
|
|
return
|
||
|
|
}
|
||
|
|
element.style.setProperty(varName, value)
|
||
|
|
}
|