<script type="text/javascript">
//添加页面样式
function addStyle(content)
{
var style;
if(document.all) //IE
{
style = document.createStyleSheet();
style.cssText = content;
}
else
{
style = document.createElement("style");
style.type = "text/css";
//style.innerHTML = content;//Safari、Chrome 下innerHTML只读
style.textContent = content;
}
try{document.getElementsByTagName("head")[0].appendChild(style);}catch(e){}//IE Error:不支持此接口
}
//添加外部样式
function includeStyle(url)
{
var style = document.createElement("link");
style.type = "text/css";
style.setAttribute("rel","stylesheet");
style.setAttribute("href",url);
document.getElementsByTagName("head")[0].appendChild(style);
}
addStyle("#div1{background-color:#CC99FF;width:200px;height:100px;}");
includeStyle("http://www.mzwu.com/style/global.css");
</script>
分享到:
相关推荐
Ruby's Louvre blog都是一些精品内容,下面这个是介绍javascript 动态添加样式规则,而且最后的函数,可以让你的css通过w3c的验证。
添加CSS的方式有行内式、嵌入式、外链式、导入式 a)动态引入样式表文件: 代码如下: function loadLink(url){ var link = document.createElement(“link”); link.type = “text/css”; link.rel = “stylesheet”;...
一个使用js来添加css样式的小技巧,让您轻松掌握通过js来添加css的技术
主要介绍了JavaScript动态添加css样式和script标签的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
2.createModule方法用于创建一个style样式表的标签,并且如果在IE8以下的版本运行会抛出异常,在异常捕获模块中执行style.styleSheet.cssText兼容IE添加style的样式内容。 <button id="demo">css文件</...
样式可以是字符串,也可以是通过AJAX获取的字符串。 里面有调用例子。 可以动态的向网页中添加样式。无需通过文件调用
JS动态添加文本框.html DEMO实例。
javascript为节点设置样式,动态绑定单击事件,为节点设置样式等...
本文给大家总结了js动态设置css样式的常见方法,非常实用,对js设置css样式相关知识感兴趣的朋友一起学习吧
这个表格有漂亮的样式,可以隔行换色,单元格可以高亮显示,可以添加一行表格,删除本行,还可以排序,表格中有下拉框、checkbox等空间,挺好的功能。 但是要在IE8上运行,其他浏览器是不支持的,文件为.html格式,...
功能:用来统一网站的表格样式,可设置表格样式:表头、交替行、鼠标悬浮行、鼠标点击行、如果熟悉js还可继续添加样式比如表格标题caption的样式。 //调用方法:就3步,网站所有页面表格的样式就统一了 //1 引入样式...
Tiza:为浏览器的控制台添加样式
先给出函数。 代码如下: varaddSheet=function(){ vardoc,cssCode; if(arguments.length==1){ ...+”v1″){//增加自动转换透明度功能,用户只需输入W3C的透明样式,它会自动转换成IE的透明滤镜 vart=cssCode.match(/op
使用onmouseover和onmouseout事件实现不同的效果而且是使用js动态实现,本文有利于巩固你js与css方面的知识,感兴趣的你可以了解下哦,希望本文对你有所帮助
这篇文章主要介绍了微信小程序点击view动态添加样式过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 基本逻辑: 1.给每个view自定义dataIndex属性,从0...
js中巧用cssText属性批量操作样式.docx