ts修改css样式的简单介绍

javascript 改变指定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

相关问答

Q1: 怎样设置CSS

css样式的原则是这样的，如果有多个元素（大于等于2个），并且需要设置有相同的样式，则可以把他们的class属性设置成一样的，统一进行设置，如果多个元素（大于等2），每个元素之间都没有共同的样式，则可以针对每个元素设置唯一的id属性，对这个唯一的id属性进行设置，就可以显示不同的效果，楼主这样的情况，可以选择对两个元素设置id属性，通过不同的id显示不同的样式效果，但是两个文本框如果有共同的属性也是可以设置class属性的，这个是不冲突的，如果回答的解决了您的问题，请采纳。

Q2: 如何修改css词典文件格式

词典本身有使用css（嵌入的）

需要知道词典嵌入的词典css的文件名称。

上面两点先判断出来。

判断方式：

goldendict加载后，F12看网络链接，词典内查询单词，确定css文件的名称。

原则上文件名很容易确认。

3. 在词典的目录建一个同名的css文件。

文件的初始内容可以解包mdx词典中获取。（上图中的gd中显示的可以参考，需要去除 #gdfrom-xxxxxx等选择限定，bres://xxxxxx/前缀等，不熟悉的还是不要用这份作为初始内容。）

4.按你的需要在原始内容的基础上修改css样式。gd加载的时候会优先词典目录下的样式文件。

另，上图中基于的gd版本位于Releases · xiaoyifang/goldendict

Q3: css文件，我想修改一下

P LINE-HEIGHT: 135%就是这个页面的所有P都受此样式表影响，行高为135%。

body就是定义这个页面的字体为宋体，大小为9pt（点数），上边浮动3px(像素）。

在此页面所有的table、input、td样式都为字体为宋体，大小为9pt（点数）。

在此页面所有的SELECT样式都为字体为宋体，大小为9pt（点数，颜色为#000000。

A就是定义此页面的所有带超级链接的a的样式为字体为宋体，颜色#000000，无下划线。

A:hover就是定义此页面的所有超级链接的鼠标滑过效果，样式为颜色green，字体宋体，有下划线。

Q4: 怎么修改showloading.css样式

CSS样式修改，首先要确定你css样式所写的位置，如html中文件，需要找到对应的id，class或者是标签名，然后需要想好你要改的样式，然后正确填写就行了，请看代码： #sub{ //通过id实现 width:300px; height:30px; font-size:13px;//将id为sub的字

Q5: 如何用JS修改已加载的CSS样式表样式？

js是无法直接修改css文件的，但可以通过取对象的方式修改对象的样式，通常有两种方法：

1、改变className，但首先在样式表中预设定样式类。

例如：document.getElementById('obj').className='...';

2、改变cssText。

例如：document.getElementById('obj').style.height='100px';