Javascript改变CSS样式(局部和全局)

前端技术 2023/09/07 JavaScript
一、局部改变样式

有三种方法：直接改变样式、改变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>

本文地址：https://www.stayed.cn/item/18788

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案