js中a的样式配置文件，js设置样式有几种方式

如何通过JS来增加a标签的class样式

一个没有样式的div script部分 声明addClass函数，把标签元素和新的class作为参数传进去，进行判断，如果标签元素原来有样式，那么就增加一个样式，如果没有样式，那么就把标签元素的样式设为传进来的样式。

js通过class改变样式，可以使用Dom的className属性设置元素的样式。

首先在html中布局好两个按钮和一个div。接着编写添加class的方法。运行页面以后看到如下图所示的界面。点击添加class按钮就可以看到div中多了样式。接下来在编写移除class样式，如下图所示要的是remove。

a：active 定义鼠标点击链接时的样式。一般鼠标经过直接使用a：hover设定，需要通过js来控制的一般是在点击后给超链接添加一个当前样式。那么可以通过js或者jq给a标签添加一个当前class类，针对类写个当前样式即可。

接着我们设置CSS样式，如图，我设置div宽度和高度都是100像素，背景色为红色。然后我们再来书写一个类box，并设置这个box类的属性为宽高200像素，背景色为蓝色。

相关问答

Q1: 我用js给a标签加了样式,但点击调到别的页面,样式就没了该怎么办呢_百度...

需要交换两个script标签的位置，JS是解释型语言，是根据标签引用分块顺序执行的，$是jQuery中的产生的对象，需要用的话，必须将jquery.js文件放在使用它的JS前面。

我估计你没有将代码写道服务器上，或者在服务器上，但是没有启动服务器。

Q2: js能动态改变a:hover的style吗?

1、可以写一个onmouseover的事件函数，在函数中改变style就可以了。

2、hover是鼠标滑过时改变样式，要实现点击改变的话可以用js或者jQuery来实现；假设点击时的样式表为a；那么给li绑定个点击事件，当li被点击时移除其他li的a样式，给当前被点击的加上a样式。

3、你js动态修改是成功了的；点击是增加了bg-color类的。但是 bootstrap里的导航点击颜色是 .navlia：focus， .navlia：hover{}这个；你写的是加在上级li上面的。li下面的a点击是有颜色所以覆盖掉了。

4、index.html，编写问题基础代码。在index.html中的a标签，输入js代码中的style属性中输入：hover{color： #0a6aa1}。浏览器运行index.html页面，此时鼠标移动到div123上，123的颜色确实根据hover的定义而变化了。

5、*.gif id=a / script language=javascript function alter(){ var imga=document.getElementById(a)；imga.style.border=1px solid #000；} 条件成立时调用alter方法，改变img的样式。

6、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的script标签，输入js代码：$(#div2).height($(#div1).height())；。

js中a的样式配置文件的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js设置样式有几种方式、js中a的样式配置文件的信息别忘了在本站进行查找喔。