JS外链CSS，CSS获取外链样式
什么是JS外链CSS？
JS外链CSS指的是在HTML文档中通过在<head>标签中使用<link>标签引入外部CSS文件，然后在JS代码中通过操作CSS样式表来修改元素的样式。
为什么需要JS外链CSS？
JS外链CSS可以帮助开发者更好地组织和管理CSS样式，这样可以让页面开发更加清晰、有条理，也更加易于维护。另外，在某些情况下，我们需要在运行时动态地修改CSS样式，这时候就需要借助JS外链CSS。
如何在JS中获取外链样式？
可以通过以下两种方式获取外链样式：
- **document.styleSheets[index]**：该方式获取的是文档中的所有样式表，按照页面中外链样式表的顺序，可以通过下标index获取对应的样式表，再使用样式表的cssRules属性访问其中的样式规则，并通过style属性修改样式。
- **document.getElementsByTagName('link')**：该方式可以获取文档中外链的所有样式表，通过循环遍历获取到需要的样式表，再使用上述的方式进行样式操作。
如何修改样式？
在获取到样式表和样式规则后，可以使用style属性修改样式，例如：
let sheet = document.styleSheets[0]; // 获取第一个样式表 let rule = sheet.cssRules[0]; // 获取第一个样式规则 rule.style.color = 'red'; // 修改样式规则的color属性为红色
