如何在css中 加入js呢

html-css027

如何在css中 加入js呢,第1张

css是样式表，js是事件效果，这两个根本就不是一个东西，style是添加样式的，script是添加js的，只能说你的想法很奇葩，那样实现不了。js里面可以添加css，但是反过来的我还没见过，貌似看到过在css里面引入js文件的，但是直接写代码的是没有。

可以

eg: 比如有两个class

style1 {background-color:#FFFFFF} style2 {background-color:#000000}

html部分为 <div class="style1" name="test"></div>

<input type="button" onclick="changecolor()">改变颜色</input>

javascript:

var changecolor = function(){

var element = document.getElementsByName("test")[0]//获取div

element.class = "style2"//改变div的class

}

点击就会改变背景颜色

我们在HTML中经常需要引入CSS和JS文件，那么如何引入呢？下面我给大家演示一下。

工具/材料

Sublime Text

01

首先新建一个文件夹，在文件夹下面建立如下图所示的文件

02

接下来用Sublime Text打开HTML文件，写入HTML结构，如下图所示

03

然后我们在Head标签内用link标签引入CSS文件，如下图所示

04

最后用Script标签引入JS文件即可，如下图所示