当您尝试
<head>使用Javascript
向其中添加CSS字符串时？将CSS字符串注入页面中，使用
<link>元素比使用
<style>元素更容易做到这一点。
以下将
p { color: green; }规则添加到页面。<link rel="stylesheet" type="text/css" href="data:text/css;charset=UTF-8,p%20%7B%20color%3A%20green%3B%20%7D" />
您只需在URL中对CSS字符串进行编码并将其添加为
HREF属性，就可以在Javascript中创建它。比所有
<style>元素或直接访问样式表的古怪要简单得多。
var linkElement = this.document.createElement('link');linkElement.setAttribute('rel', 'stylesheet');linkElement.setAttribute('type', 'text/css');linkElement.setAttribute('href', 'data:text/css;charset=UTF-8,' + enpreURIComponent(myStringOfstyles));这将在IE 5.5以上版本中运行
您标记的解决方案可以使用，但是此解决方案需要较少的dom *** 作，并且只需要一个元素。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）