Javascript高级编程学习笔记（44）—— 动态样式

动态样式

动态样式和昨天的动态脚本一样，都是一种动态引入外部样式（脚本的方式）

由于样式是由 link 元素引入的，所以动态样式自然也就是动态生成link元素插入文档的方式

 

不过和动态脚本不同的是，动态样式也就是link 只有插入到 head 中才能保持样式的一致性

代码如下：

var link = document.createElement("link");
link.rel = "stylesheet";
link.type = "text/css";
link.href = "style.css"; // 引入名为 style的css文件
var head = document.getElementsByTagName("head")[0];
head.appendChild(link);

 

不过在日常的使用中，通常我们并不会使用这种方式来修改页面的样式

这种方式存在的问题在于需要二次解析，这在一定程度上会影响性能