javascript - 如何获取链接元素 ref ="stylesheet"返回的内容？

假设我有这两种风格

<head>
  <title>My page</title>
  <link rel="stylesheet" type="text/css" href="styles.css">    
  <style>
    //style here ...
  </style>
</head>

要获取我的样式的内容，我将执行如下操作:

var styleSheets = document.getElementsByTagName('style')[0].innerHTML;

如果我想获取发送到 <link> 的内容怎么办？元素？我想要在 <link rel="stylesheet" type="text/css" href="styles.css"> 之后作为文本发送到页面的样式已处理。

感谢帮助

最佳答案

你可以这样做:

让 rootStyle = document.documentElement.style;

此外，如果您使用 CSS 变量，您可以通过以下方式获取和设置它们:

let varname = rootStyle.getPropertyValue('--yourpropertyname')

rootStyle.setProperty('--yourpropertyname', yourvaluehere);

关于javascript - 如何获取链接元素 ref ="stylesheet"返回的内容？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54853820/

相关文章：

javascript - HTML CSS JS 缩小架构