getTheme
getTheme
函数用于获取当前页面或指定元素的主题设置。主题类型包括 light
、dark
、auto
三种,详见 暗色模式。
使用方法
按需导入函数:
import { getTheme } from 'mdui/functions/getTheme.js';
使用示例:
// 获取 <html> 上的主题
getTheme();
// 获取 class="element" 元素上的主题
getTheme('.element');
// 获取指定 DOM 元素上的主题
const element = document.querySelector('.element');
getTheme(element);
API
getTheme(target?: string | HTMLElement | JQ<HTMLElement>): 'light' | 'dark' | 'auto'
函数的参数为要获取主题的元素,可以是 CSS 选择器、DOM 元素,或 JQ 对象。如果不传入参数,则默认获取 <html>
元素的主题。
函数的返回值为 light
、dark
、auto
之一,如果元素上未设置主题,则默认返回 light
。
本页目录