javascript - 求教，大写们原生JS有没得办法直接修改CSS样式表里面的属性值呀-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI聊天问答 Agent智能体 AI文本写作 AI绘画作图 AI设计工具 AI视频创作 AI音频制作 AI办公学习 AI编程开发 AI提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - 求教，大写们原生JS有没得办法直接修改CSS样式表里面的属性值呀

天蓬老师 2017-04-11 11:59:00

[JavaScript讨论组]

510

1、比如我选中某个p好后，通过className获取到了CSS样式表里面的某个类；然后我想把这个类里面的width的值修改为自己想要的数字，如原来是width:10px,我想修改为width:20px；大神们原生JS有没得办法做到呀。
注：不是直接改行间样式哈，而是用JS改外链样式表里面的样式。

天蓬老师

欢迎选择我的课程，让我们一起见证您的进步~~

全部回复(6)

大家讲道理2017-04-11 12:01:00 6楼

可以通过document.styleSheets修改。

<STYLE TYPE="text/css" > 
.redText {color: red;} 
#pid {color: red;} 
</STYLE > 
<P id="redText" CLASS="redText" >11 </p > 
<P id="pid" >22 </p > 
<input type="button" onclick="test()" value=" test " />
<script language="javascript" type="text/javascript" > 
function test()
{
    var ss = document.styleSheets[0];
    var rules = ss.rules?ss.rules:ss.cssRules
    for(var i=0;i<rules.length;i++)
    {
        if(rules[i].selectorText=="#pid")
        {
            rules[i].style.color="yellow";
            break;
        }
    }
     
     
}
</script>

不建议直接修改，最好是外链css里写好具体要切换的样式列表，然后用js进行切换。

赞 +0

添加回复

高洛峰2017-04-11 12:01:00 5楼

el.style.width = '20px' ？

赞 +0

添加回复

高洛峰2017-04-11 12:01:00 4楼

你的意思是想换css文件还是想修改css文件？
假如要修改css文件内的内容前台可能做不到，要后台用io读写文件来改服务器上的文件。

如果是更换外联的css文件就

通常情况下，我们可以通过改变外链样式的的href的值实现网页样式的实时切换，也就是“改变模板风格”。这时候我们首先需要赋予需要改变的目标一个id，如
<link rel = "stylesheet" type="text/css" id="css" href="firefox.css"/> 调用时很简单，如
<span on click="javascript:document.getElementById('css').href ='ie.css'">点我改变样式</span>

其实改行间样式不就好了嘛？你的需求是什么呢？

赞 +0

添加回复