能生效，但仅限于已加载且未被浏览器忽略的样式表；修改media属性会触发重新解析和应用，前提是样式表已成功加载并被识别为有效样式表。
修改 <link> 元素的 media 属性是否生效？
能生效，但仅限于已加载且未被浏览器忽略的样式表。如果 media 值原本是 "not all" 或不匹配当前环境（比如设为 "print" 时在屏幕浏览），浏览器根本不会解析其中的 CSS 规则；此时改回 "all" 或匹配值，会触发重新解析和应用——这是关键前提。
-
media属性修改后，浏览器会立即重新评估该样式表是否应启用，无需手动触发重绘 - 若原
<link>的href指向无效路径或跨域资源，即使media设对了也无样式可应用 - 动态插入的
<link>必须先 append 到<head>，再改media，否则无效
document.querySelector('link[rel="stylesheet"]').media = "screen" 不起作用？
大概率是因为选中的不是目标元素，或者该 <link> 已被浏览器标记为“禁用”。常见错误包括：
- 多个
<link rel="stylesheet">存在，querySelector只返回第一个，未必是你想操作的那个 - 用了
rel="preload"或rel="prefetch"的<link>，它们没有样式效果，改media也没意义 - 样式表正在加载中（
link.sheet为null），此时设置media虽不报错，但后续加载完成时可能被浏览器按原始media值覆盖 - 推荐加一层校验：
const link = document.querySelector('link[data-id="theme-dark"]');<br>if (link && link.sheet) {<br> link.media = "all";<br>}
切换暗色模式时，用 media 控制 vs 用 disabled 属性？
优先用 disabled，而不是反复改 media。原因很实际：
-
disabled = true立即停用样式，且下次设为false时会复用已解析的 CSSOM，性能更好 - 靠
media切换（比如从"(prefers-color-scheme: light)"改成"(prefers-color-scheme: dark)"）依赖用户系统设置，JS 无法强制覆盖媒体查询逻辑 - 如果你硬要用
media模拟开关，得写成link.media = window.matchMedia("(prefers-color-scheme: dark)").matches ? "all" : "not all"，但不如直接控disabled - 注意：
disabled是布尔属性，设link.disabled = false才启用，设字符串"false"或0都没用
兼容性与移动端要注意什么？
media 属性本身兼容性极好（IE9+），但行为细节在 Safari/iOS 上容易翻车：
立即学习“前端免费学习笔记（深入）”；
- iOS Safari 对动态修改
media后的样式重载有延迟，有时需触发一次window.getComputedStyle(document.body)强制重排 - 部分安卓 WebView（尤其旧版）不响应
media变更，建议 fallback 到切换class或disabled - 不要把
media设成非法值（如空字符串、含未闭合括号的媒体查询），某些浏览器会静默失败，且之后再设合法值也不生效 - 如果样式表带
title属性（用于首选样式表），修改media不会影响其 title 行为，这点常被忽略
media 看似简单，真正卡住人的往往是 link 元素的状态是否就绪、浏览器是否真的把它当样式表对待，而不是 DOM 上一个写着 rel="stylesheet" 的标签。 
