点击时a标签加样式的js，a标签设置点击事件

JS里添加样式

1、JS里添加样式的方法：首先，要创建标签，使用document.createElement函数，如图创建div标签。使用其className设置class，id设置id，style设置样式。样式的设置也可以分项进行。

2、在页面内用JS操作CSS除非用AJAX，但操作页面内的样式的话，是可以的。

3、编写问题基础代码。在index.html中的标签，输入js代码：$(div).click(function () {$(this).css(color， blue)；})；。浏览器运行index.html页面，此时点击123所在的div，div会变为蓝色文本。

4、如果给一个元素添加了多个class值，那么就相当于合并了它们的样式。 如果有不同的class设定了同一样式属性，则后者覆盖前者。

相关问答

Q1: 如何用js控制a:hover的样式?

条件成立时调用alter方法，改变img的样式。

设置鼠标滑过div时背景变色。给bg样式类添加鼠标滑过：hover，然后设置鼠标滑过时的背景颜色。如图 代码： .bg：hover{ background-color： burlywood； } 实用浏览器打开。

a{ width：100px； height：36px； float：left；}//对于位置的固定可以自行选择处理，当前用float固定。#a：hover{ width：200px}结果将会如你图中所需要的完成。

a：link，定义正常链接的样式；a：visited，定义已访问过链接的样式；a：hover，定义鼠标悬浮在链接上时的样式；a：active，定义鼠标点击链接时的样式。

Q2: 关于JS控制A标签样式的问题

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

a id=anchorhref=#style=display：none锚点连接/a 如要要让不显示的a标签显示只需要将style中的display：none这个属性给去掉；因此就可以通过js来动态的设置这个a标签的属性达到控制标签显示和隐藏切换的效果。

要用js控制首先要得到a这个标签，设置好a的id。然后document.getElementById(id).改变颜色的话这样。

js如何控制一个标签的显示和隐藏？如果你想隐藏A标签，你可以用下面的方法：所以可以通过js动态设置这个A标签的属性，达到控制标签显示和隐藏切换的效果。

Q3: 在js中给a标签写划过的样式怎么写?

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

先在找个文件夹创建文件index.html。然后用能编辑文本文件的软件打开index.html，index.html的初始内容如图。接着编写两个样式作为鼠标移动时div修改的样式。然后编写js代码修改div的样式。

a：active{text-decoration：none；/* 指正在点的链接*/ } 把这些的颜色都设置一下便可以解决。

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

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

首先你得布局就有问题，li标签本来就是块状元素，为什么里面就一个a标签你还要在外面加个div标签，你可以把a标签直接转换成块状元素。

打开浏览器，点击页面中的按钮，下方就显示出js的字样了：最后按下f12调出控制台，在控制台中可以看到插入的div结构，以此验证插入的内容是正确的。

class 属性是在标签上引用样式表的方法之一，它的值是一个样式表的选择符，如果改变了 class 属性的值，标签所引用的样式表也就更换了，所以这属于第一种修改方法。

Q5: 如何用原生js实现点击子级a标签给父级div添加class再点击就移除...

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

2、可以使用：$(#but).removeAttr(class)；和$(#but).attr(class，but_test)；来对标签进行元素的添加和删除。为了直观性的看到结果，首先在css样式中，针对class选择该元素，之后添加相应的样式。

3、main)； })； })； /script/html应该理解对了你的问题：动态添加元素的class名。

关于点击时a标签加样式的js和a标签设置点击事件的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。