如何用JS修改已加载的CSS样式表样式？要详细的教程

JavaScript011

如何用JS修改已加载的CSS样式表样式？要详细的教程,第1张

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

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

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

2、改变cssText。

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

直接操作其他js文件加中的变量进行赋值修改。

1、引入该js文件

2、在当前页面的script中操作该js文件中的变量进行修改。

举例：

1、a.js文件定义一个变量

var a1='1'//该变量在a.js中

2、引入a.js文件

<script type="text/javascript" src="a.js"></script>

3、当前页面操作a1变量

<script>

a1='2'//直接修改a1变量。

</script>