900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > js中如何使用全局变量css样式? html css代码

js中如何使用全局变量css样式? html css代码

时间:2022-06-20 17:57:01

相关推荐

js中如何使用全局变量css样式? html css代码

一、局部改变样式

三种方法:直接改变样式、改变className和改变cssText

1,改变className:

复制代码代码示例:

document.getElementById(obj).className="…"

2,改变cssText:

复制代码代码示例:

document.getElementById(obj).style.cssText="width:20px;border:solid1px#f00;";

3,改变直接样式:

复制代码代码示例:

document.getElementById(obj).style.backgroundColor="#003366″

二、全局改变样式

通过改变外链样式的的href的值实现网页样式的实时切换,即"改变模板风格"。

首先,赋予需要改变的目标一个id,例如:

复制代码代码示例:

<linkrel="stylesheet"type="text/css"id="css"href="firefox.css"/>

调用方法:

复制代码代码示例:

<spanonclick="javascript:document.getElementById(css).href=ie.css\">点此改变样式</span>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。