JS设置CSS样式_CSS学习

资料来源：网络整理时间：2023/3/4 3:04:39 共计：3601 浏览

JS设置CSS样式？

javascript改变CSS样式分为局部和全局，分别如下：一、局部改变样式有三种方法：直接改变样式、改变className和改变cssText 改变className： document.getElementById('obj').className="…" 改变cssText：document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;"; 改变直接样式： document.getElementById('obj').style.backgroundColor="#003366″ 二、全局改变样式通过改变外链样式的的href的值实现网页样式的实时切换，也就是"改变模板风格"。首先需要赋予需要改变的目标一个id，如代码如下: <link rel="stylesheet" type="text/css" id="css" href="firefox.css" /> 调用时很简单，如代码如下: <span onclick="javascript:document.getElementById('css').href='ie.css'">点我改变样式</span>

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：哪里可以找到漂亮的在线流程图模板_CSS学习 | ·下一条：css怎么让表格居中_CSS学习