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

html-css09

如何用JS修改已加载的CSS样式表样式？,第1张

js是无法直接修改css文件的，但可以通过取对象的方式修改对象的样式，通常有两种方法：\x0d\x0a1、改变className，但首先在样式表中预设定样式类。\x0d\x0a例如：document.getElementById('obj').className='...'\x0d\x0a2、改变cssText。\x0d\x0a例如：document.getElementById('obj').style.height='100px'

你所说的修改样式表，是修改css的内容，还是直接换一个css文件

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

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

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

2、改变cssText。

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

二、如果是换一个css文件倒是可以

<link href="../base.css" type="text/css" rel="stylesheet" id="link1" />

$("#link1").attr("href","../aaa.css")

这是一个继承关系的问题

依你的情况举例如下：

<a href="">链接1</a>

<div class="test"><a href="">链接2</a></div>

你要改的是链接2的属性 而不是链接1的

css代码如下:(只针对链接2)

.test a{}

.test a:hover{}

.test a:active{}

..............

应该理解意思了吧？ 就是把父子关系写出来就可以了