js改变a标签的class

1.JS如何把a链接里的 class 值修改成另外一个值

原生js直接操作className属性

document.getElementById("test").className = (document.getElementById("test").className+'').replace('hide','');

JQuery实现css、addClass、removeClass和toggleClass

JQuery中获取CSS样式

css(name):访问第一匹配元素的样式属性

css(name,value):在所有匹配的元素中,设置一个样式属性的值

css(properties):把一个“名/值对”对象设置为所有匹配元素的样式属性

css(name,function(index,value)):在所有匹配的元素中,设置一个样式属性的值

-------------------------------------------------------------------------------------

Javascript中获取样式的值

function css(obj, attr, value) {

switch (arguments.length) {

case 2:

if (typeof arguments[1] == "object") { //批量设置属性

for (var i in attr) obj.style[i] = attr[i]

}

else { // 读取属性值

return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj, null)[attr]

}

break;

case 3:

//设置属性

obj.style[attr] = value;

break;

default:

return "";

}

}

采用这种方式同样实现了 JQuery的效果。

---------------------------------------------------------------------------------------

JQuery中有addClass,removeClass,toggleClass

addClass(class):为每个匹配的元素添加指定的类名

removeClass(class):从所有匹配的元素中删除全部或者指定的类

toggleClass(class):如果存在(不存在)就删除(添加)一个类

---------------------------------------------------------------------------------------

function hasClass(obj, cls) {

return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));

}

function addClass(obj, cls) {

if (!this.hasClass(obj, cls)) obj.className += " " + cls;

}

function removeClass(obj, cls) {

if (hasClass(obj, cls)) {

var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');

obj.className = obj.className.replace(reg, ' ');

}

}

采用这种方式同样实现了 JQuery的效果。

2.怎样实现js改变class功能

给你写了个代码

<style>

.a1{

background:white;

}

.a2{

background:red;

}

</style>

<a id="w1" href="javascript:changeBackColor('w1')" class="a1">w1</a>

<a id="w2" href="javascript:changeBackColor('w2')" class="a1">w2</a>

<a id="w3" href="javascript:changeBackColor('w3')" class="a1">w3</a>

<a id="w4" href="javascript:changeBackColor('w4')" class="a1">w4</a>

<a id="w5" href="javascript:changeBackColor('w5')" class="a1">w5</a>

<script>

function changeBackColor(obj)

{

for(var i=1;i<=5;i++)

{

document.getElementById("w"+i).className="a2";

}

document.getElementById(obj).className="a1";

}

</script>

不一定是最简单的,这是我的方法

js改变a标签的class

转载请注明出处JS代码网 » js改变a标签的class

资讯

我的世界pe召唤闪电js

阅读(40)

本文主要为您介绍我的世界pe召唤闪电js,内容包括我的世界pe怎么用命令方块召唤雷电劈怪?,我的世界闪电怎么召唤召唤闪电指令介绍,我的世界pe怎么用命令方块召唤雷电劈怪。指令:/shock 玩家如果直接输入/shock,默认电击你准星指的位置(仅PC)。当

资讯

js提取字符串中的汉字

阅读(37)

本文主要为您介绍js提取字符串中的汉字,内容包括js怎么截取中文字符串?,帮忙js处理下字符串提取出汉字与数字,js如何截取中文字符串。12345678910varstr = "<aiiqewr中国1#387axes";varbegin = 0; for(vari=0;i

资讯

js获取后台返回的json

阅读(29)

本文主要为您介绍js获取后台返回的json,内容包括js中怎么样获取从form提交后返回的json数据,js如何提取后台代码返回的json值,js怎么读取后台传回来的json格式的数据。action中用response.getWriter()输出json字符来串。自ajax接收后,2113在s

资讯

带左右箭头的可控制的js滚动

阅读(34)

本文主要为您介绍带左右箭头的可控制的js滚动,内容包括JS写的一个图片轮换特效,每次一张,带左右箭头按钮,带箭头的图片切换滚动效果(JS),带箭头的图片切换滚动效果(JS)。<script> var picarr=new Array("1.jpg","2.jpg","3.jpg"); var mypoint=

资讯

js获取不到textarea的值

阅读(29)

本文主要为您介绍js获取不到textarea的值,内容包括php中js获取form表单中textarea的值获取不了,php中js获取form表单中textarea的值获取不了,javaScript中怎样获取textarea中的值。1.点击提交按钮前,先保证TextEield不为空,否则:<br>else if(m

资讯

date转指定的stringjs

阅读(31)

本文主要为您介绍date转指定的stringjs,内容包括怎么把date类型转成指定的string类型,前端怎么把date格式转为string,JS中如何把date类型转化为String,如何把String转化成Date类型百度。data默认有toString()输出格林威治时间比如说Date dat

资讯

jquery实现的三种排版网格js代码

阅读(28)

本文主要为您介绍jquery实现的三种排版网格js代码,内容包括jqueryui插件适合做项目的各种排版界面,请将jquery下列代码转换成js谢谢,感激不尽啊,哪位大神能把下面这代码能用JQUERY来实现。1)Twitter BootstrapBootstrap是最流行的HTML5框架

资讯

使用three.js的3d制作动画

阅读(29)

本文主要为您介绍使用three.js的3d制作动画,内容包括基于three.js的3d引擎怎么做,基于three.js的3d引擎怎么做,在用three.js画一个航线图,3D的我现在做好了地球但是不知道怎样。threejs本身就是3D引擎,最核心的几套算法都已经实现了(向量,矩阵

资讯

js调用按钮的点击事件

阅读(34)

本文主要为您介绍js调用按钮的点击事件,内容包括JS怎样调用后台的按钮的点击事件,javascript点击按钮触发事件,Js调用后台点击事件。使用onclick()点击事件触发。 设计一个功能页面,HTML代码如下。

资讯

js代码求10的平均数

阅读(32)

本文主要为您介绍js代码求10的平均数,内容包括js编写代码计算5的阶乘,javascript用for循环输入10个数求总和和平均值,要求只有一个框搜,javascript数组中所有数求和取平均值问题。js的://注意:这个不算很完整,只能作为参考function test(){ //

资讯

js计算get请求的次数

阅读(36)

本文主要为您介绍js计算get请求的次数,内容包括js怎么ajaxget请求数据,javascript中怎么统计字符出现的次数,jsget请求能传递多少个参数。<script type="text/javascript"><br>/*计算子字符串在字符中出现的次数*/<br><br>//字符串<

资讯

jsfireevent()的用法

阅读(38)

本文主要为您介绍jsfireevent()的用法,内容包括如何通过VBA向IE网页面中的文本框发送回车或按键?,js中fireEvent和onclick的区别,js中event.srcElement和event.target的区别。event.srcElement从字面上可以看出来有以下关键字:事件,源 他的意

资讯

curl获取js跳转的页面

阅读(36)

本文主要为您介绍curl获取js跳转的页面,内容包括javascript如何获取即将跳转的页面,javascript如何获取即将跳转的页面,如何爬取通过js跳转的所有页面。无法实现php在服务器上用curl取得的cookies是存在于php程序所保存的位置通过php登陆,ph

资讯

js输出1到1000的素数

阅读(32)

本文主要为您介绍js输出1到1000的素数,内容包括用javascript编程输出1001000的所有素数,并要求每行显示六个素数,用javascript或PHP语言实现网页输出1到1000内的素数(质数)要求,用javascript或PHP语言实现网页输出1到1000内的素?。var brNu

资讯

我的世界pe召唤闪电js

阅读(40)

本文主要为您介绍我的世界pe召唤闪电js,内容包括我的世界pe怎么用命令方块召唤雷电劈怪?,我的世界闪电怎么召唤召唤闪电指令介绍,我的世界pe怎么用命令方块召唤雷电劈怪。指令:/shock 玩家如果直接输入/shock,默认电击你准星指的位置(仅PC)。当

资讯

js提取字符串中的汉字

阅读(37)

本文主要为您介绍js提取字符串中的汉字,内容包括js怎么截取中文字符串?,帮忙js处理下字符串提取出汉字与数字,js如何截取中文字符串。12345678910varstr = "<aiiqewr中国1#387axes";varbegin = 0; for(vari=0;i

资讯

js获取后台返回的json

阅读(29)

本文主要为您介绍js获取后台返回的json,内容包括js中怎么样获取从form提交后返回的json数据,js如何提取后台代码返回的json值,js怎么读取后台传回来的json格式的数据。action中用response.getWriter()输出json字符来串。自ajax接收后,2113在s

资讯

带左右箭头的可控制的js滚动

阅读(34)

本文主要为您介绍带左右箭头的可控制的js滚动,内容包括JS写的一个图片轮换特效,每次一张,带左右箭头按钮,带箭头的图片切换滚动效果(JS),带箭头的图片切换滚动效果(JS)。<script> var picarr=new Array("1.jpg","2.jpg","3.jpg"); var mypoint=

资讯

js获取不到textarea的值

阅读(29)

本文主要为您介绍js获取不到textarea的值,内容包括php中js获取form表单中textarea的值获取不了,php中js获取form表单中textarea的值获取不了,javaScript中怎样获取textarea中的值。1.点击提交按钮前,先保证TextEield不为空,否则:<br>else if(m

资讯

date转指定的stringjs

阅读(31)

本文主要为您介绍date转指定的stringjs,内容包括怎么把date类型转成指定的string类型,前端怎么把date格式转为string,JS中如何把date类型转化为String,如何把String转化成Date类型百度。data默认有toString()输出格林威治时间比如说Date dat

资讯

jquery实现的三种排版网格js代码

阅读(28)

本文主要为您介绍jquery实现的三种排版网格js代码,内容包括jqueryui插件适合做项目的各种排版界面,请将jquery下列代码转换成js谢谢,感激不尽啊,哪位大神能把下面这代码能用JQUERY来实现。1)Twitter BootstrapBootstrap是最流行的HTML5框架

资讯

artdialog调用父窗口的js函数

阅读(32)

本文主要为您介绍artdialog调用父窗口的js函数,内容包括art.dialog父页面怎么调用子页面的方法,art.dialog父页面怎么调用子页面的方法,Dialog();弹出一个子窗体,如何在子窗体中调用父。1. 用GetParent()获取父窗口指针。2. 设你主对话框类