document怎能把获取的外联样式设置为内联样式
时间: 2024-03-20 17:40:30 浏览: 19
可以使用以下代码将获取的外联样式设置为内联样式:
```javascript
var links = document.getElementsByTagName('link');
for (var i = 0; i < links.length; i++) {
if (links[i].rel === 'stylesheet') {
var xhr = new XMLHttpRequest();
xhr.open('GET', links[i].href, false);
xhr.send();
var styleTag = document.createElement('style');
styleTag.innerHTML = xhr.responseText;
links[i].parentNode.replaceChild(styleTag, links[i]);
}
}
```
这段代码会遍历文档中所有的 `<link>` 标签,并将其 `rel` 属性为 `stylesheet` 的标签获取其 `href` 属性指向的样式文件内容,然后创建一个 `<style>` 标签并将样式内容放入其中,最后将原来的 `<link>` 标签替换为新创建的 `<style>` 标签。这样就将外联样式设置为了内联样式。